	<!-- Copy HTML from here -->

	<section id="slides_panel" class="slides slides_editor layout-regular template-default">

		<button id="page-fullscreen" class="fullscreen" style="display: none;"></button>

		<!-- Force browser to preload some Editor icons -->
		<img src="/assets/zonethumbs/text_hover.png" style="display:none"/>
		<img src="/assets/zonethumbs/image_hover.png" style="display:none"/>
		<img src="/assets/zonethumbs/object_hover.png" style="display:none"/>
		<img src="/assets/zonethumbs/video_hover.png" style="display:none"/>
		<img src="/assets/zonethumbs/quiz_hover.png" style="display:none"/>
		<img src="/assets/icons/ve_delete_hover.png" style="display:none"/>
		<img src="/assets/icons/delete_content_hover.png" style="display:none"/>
		<img src="/assets/vicons/helptutorial_circle_hover.png" style="display:none"/>
		<img src="/assets/vicons/helptutorial_circle2_hover.png" style="display:none"/>
		<img src="/assets/vicons/helptutorial_circle_hover_tp.png" style="display:none"/>
		<img src="/assets/vicons/ve_close.png" style="display:none"/>
		<img src="/assets/vicons/ve_close_hover.png" style="display:none"/>
		<img src="/assets/vicons/ve_close2.png" style="display:none"/>
		<img src="/assets/vicons/ve_close2_hover.png" style="display:none"/>
		<img src="/assets/icons/flashcard_add_img_button_hover.png" style="display:none"/>
		<img src="/assets/icons/evideo_add_button_hover.png" style="display:none"/>
		<img src="/assets/icons/opcion.png" style="display:none"/>
		<img src="/assets/carrousel/carrousel_sprite.png" style="display:none"/>
		<img src="/assets/vicons/fullscreen.png" style="display:none"/>
		<img src="/assets/templatesthumbs/flashcard_templateh.png" style="display:none"/>
		<img src="/assets/templatesthumbs/tVTourh.png" style="display:none"/>
		<img src="/assets/templatesthumbs/tEVideoh.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t1h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t2h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t3h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t4h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t5h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t6h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t7h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t8h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t9h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t10h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t11h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t12h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t13h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t14h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t15h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t16h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t17h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t18h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t19h.png" style="display:none"/>
		<img src="/assets/templatesthumbs/t20h.png" style="display:none"/>
		
		<!-- Toolbar -->
		<div id="toolbar_wrapper">
			<div id="toolbar_menu">
				<!-- MENU -->
				<ul id="menu" style="display:none">
					<li class="current">
						<a class="menu_option_main" href="#">
							<img id="menuButton" src="/assets/toolbar/menu_button.png"/>
						</a>
						<ul class="menu_option_main">
 							<li>
								<a class="menu_option menu_action" action="onSaveButtonClicked">
									<i class="icon-button icon-save"></i>
									<span i18n-key="i.Save">Save</span>
								</a>
							</li>
							<li>
								<a class="menu_option menu_action" action="preview">
									<i class="icon-button icon-eye-open"></i>
									<span i18n-key="i.Preview">Preview</span>
								</a>
							</li>
							<li>
								<a class="menu_option menu_action publishMenuOption" action="onPublishButtonClicked">
									<i class="icon-button icon-rotate-270 icon-download-alt"></i> 
									<span i18n-key="i.Publish">Publish</span>
								</a>
							</li>
							<li>
								<a class="menu_option menu_action" action="insertSlide">
									<i class="icon-button icon-plus"></i> 
									<span i18n-key="i.AddSlide">Add Slide</span>
								</a>
							</li>
							<li id="vemenu_import">
								<a class="menu_option expansive" href="#">
									<i class="icon-button icon-rotate-180 icon-download-alt"></i>
									<span i18n-key="i.Import">Import</span>
								</a>
								<ul>
									<li>
										<a class="menu_option menu_action subMenu" action="insertPDFex" i18n-key="i.PDFSlideshow">PDF Slideshow</a>
									</li>
									<li>
										<a class="menu_option menu_action subMenu" action="insertPackage" i18n-key="i.ePackage">e-Learning Package</a>
									</li>
									<li class="liInsertJson">
										<a class="menu_option menu_action" action="insertEFile" i18n-key="i.File">File</a>
									</li>
									<li>
										<a class="menu_option menu_action" action="insertPresentation" i18n-key="i.Presentation">Excursion</a>
									</li>
								</ul>
							</li>
							<li id="vemenu_export">
								<a class="menu_option expansive" href="#">
									<i class="icon-button icon-rotate-360 icon-download-alt"></i>
									<span i18n-key="i.Export">Export</span>
								</a>
								<ul>
									<li>
										<a class="menu_option menu_action subMenu" action="exportToJSON" i18n-key="i.toJSON">to JSON</a>
									</li>
									<li>
										<a class="menu_option menu_action subMenu" action="exportToSCORM12" i18n-key="i.toSCORM12">to SCORM 1.2</a>
									</li>
									<li>
										<a class="menu_option menu_action subMenu" action="exportToSCORM2004" i18n-key="i.toSCORM2004">to SCORM 2004</a>
									</li>
								</ul>
							</li>
							<li>
								<a class="menu_option menu_action" action="displaySettings">
									<i class="icon-button icon-cog"></i>
									<span i18n-key="i.Settings">Settings</span>
								</a>
							</li>
							<li>
								<a class="menu_option menu_action" action="help">
									<i class="icon-button icon-question"></i>
									<span i18n-key="i.Help">Help</span>
								</a>
							</li>
							<li>
								<a class="menu_option menu_action" action="about">
									<i class="icon-button icon-info"></i>
									<span i18n-key="i.About">About</span>
								</a>
							</li>
							<li>
								<a class="menu_option menu_action" action="exit">
									<i class="icon-button icon-reply"></i>
									<span i18n-key="i.Exit">Exit</span>
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>

			<div id="toolbar_presentation">
				<a id="toolbar_settings_button" class="tool_action" action="displaySettings" href="#">
					<div class="toolbar_btn toolbar_presentation_wrapper withRightBorder">
						<button type="button" class="btn_toolbar btn btn-primary btn-small">
							<i class="icon-button icon-cog"></i>
						</button>
						<p class="toolbar_presentation_title" i18n-key="i.Settings">Settings</p>
					</div>
				</a>
				<a id="toolbar_save" class="tool_action" action="save" href="#">
					<div class="toolbar_btn toolbar_presentation_wrapper withRightBorder save">
						<button type="button" class="btn_toolbar btn btn-primary btn-small">
							<i class="icon-button icon-save"></i>
						</button>
						<p class="toolbar_presentation_title" i18n-key="i.Save">Save</p>
					</div>
				</a>
				<a id="toolbar_preview" class="tool_action" action="preview" href="#">
					<div id="toolbar_preview_wrapper" class="toolbar_btn toolbar_presentation_wrapper withRightBorder">
						<button type="button" class="btn_toolbar btn btn-primary btn-small">
							<i class="icon-button icon-eye-open"></i>
						</button>
						<p class="toolbar_presentation_title" i18n-key="i.Preview">Preview</p>
					</div>
				</a>
				<a id="toolbar_publish" class="tool_action" action="publish" href="#">
					<div id="toolbar_publish_wrapper" class="toolbar_btn toolbar_presentation_wrapper withRightBorder">
						<button type="button" class="btn_toolbar btn btn-primary btn-small">
							<i class="icon-button icon-rotate-270 icon-download-alt"></i>
						</button>
						<p class="toolbar_presentation_title" i18n-key="i.Publish">Publish</p>
					</div>
				</a>
				<a id="toolbar_theme" class="tool_action" action="selectTheme" href="#">
					<div id="toolbar_themes_wrapper" class="toolbar_btn toolbar_presentation_wrapper withRightBorder">
						<button type="button" class="btn_toolbar btn btn-primary btn-small">
							<i class="icon-button icon-edit"></i>
						</button>
						<p class="toolbar_presentation_title" i18n-key="i.Themes">Themes</p>
					</div>
				</a>
				<a id="toolbar_animation" class="tool_action" action="selectAnimation" href="#">
					<div id="toolbar_animation_wrapper" class="toolbar_btn toolbar_presentation_wrapper">
						<button type="button" class="btn_toolbar btn btn-primary btn-small">
							<i class="icon-button icon-magic"></i>
						</button>
						<p class="toolbar_presentation_title" i18n-key="i.Animations">Animation</p>
					</div>
				</a>
			</div>
			<div id="toolbar_slide" class="withLeftBorder">
				<a id="toolbar_background" class="tool_action" action="changeBackground" href="#">
					<div id="toolbar_background_wrapper" class="subToolbar toolbar_btn toolbar_presentation_wrapper_slideTools withLeftBorder toolbar_flashcard toolbar_VirtualTour" style='display:none'>
						<button id="bgw_btn" type="button" class="btn btn-primary btn-small">
							<i id="bgw_icon"class="icon-button icon-picture"></i>
						</button>
						<p class="toolbar_presentation_title" i18n-key="i.Background">Background</p>
					</div>
				</a>
				<a id="toolbar_evideo" class="tool_action" action="changeVideo" href="#">
					<div id="toolbar_evideo_wrapper" class="subToolbar toolbar_btn toolbar_presentation_wrapper_slideTools withLeftBorder toolbar_enrichedvideo" style='display:none'>
						<img class="big_toolbar_icon toolbar_web" src="/assets/toolbar/change_evideo.png"/>
						<p class="toolbar_presentation_title" i18n-key="i.Video">Video</p>
					</div>
				</a>
			</div>
			<div id="toolbar_element" class="withLeftBorder">
				<div id="toolbar_settings_wrapper" class="subToolbar toolbar_btn tool_action toolbar_quiz toolbar_object toolbar_web" style="display:none" action="showSettings">
					<img class="toolbar_icon" src="/assets/toolbar/options2.png"/>
					<p i18n-key="i.Options">Options</p>
				</div>
				<div class="subToolbar toolbar_btn tool_action toolbar_image" style="display:none" action="addLink">
					<img class="toolbar_icon" src="/assets/toolbar/addLink.png"/>
					<p i18n-key="i.Link">Link</p>
				</div>
				<div class="subToolbar toolbar_btn tool_action toolbar_web toolbar_image toolbar_video toolbar_object toolbar_snapshot" style="display:none" action="resizeLess">
					<img class="toolbar_icon" src="/assets/toolbar/resizeLess.png"/>
					<p i18n-key="i.Resize-">Resize-</p>
				</div>
				<div class="subToolbar toolbar_btn tool_action toolbar_web toolbar_image toolbar_video toolbar_object toolbar_snapshot" style="display:none" action="resizeMore">
					<img class="toolbar_icon" src="/assets/toolbar/resizeMore.png"/>
					<p i18n-key="i.Resize+">Resize+</p>
				</div>
				<div class="subToolbar toolbar_btn tool_action toolbar_web" style="display:none" action="zoomLess">
					<img class="toolbar_icon"  src="/assets/toolbar/zoomLess.png"/>
					<p i18n-key="i.Zoom-">Zoom-</p>
				</div>
				<div class="subToolbar toolbar_btn tool_action toolbar_web" style="display:none" action="zoomMore">
					<img class="toolbar_icon" src="/assets/toolbar/zoomMore.png"/>
					<p i18n-key="i.Zoom+">Zoom+</p>
				</div>
				<div id="toolbar_text" class='toolbar_text toolbar_quiz' style="display:none"></div>
			</div>
			<a id="toolbar_exit_btn" class="tool_action" action="exit" href="#">
				<div id="toolbar_exit">
					<img src="/assets/toolbar/exit_btn.png">
					<p class="toolbar_presentation_title" i18n-key="i.Exit">Exit</p>
				</div>
			</a>
		</div>
		
		<div id="leftside">
			<div id="slides_list_actions">
				<a id="addSlideButton" href="#">
					<button type="button" class="btn btn-small slidesScrollbarButton">
						<i class="icon-plus"></i>
						<span i18n-key="i.AddSlideMin">Add Slide</span>
					</button>
				</a>
				<a id="importButton" href="#">
					<button type="button" class="btn btn-small slidesScrollbarButton">
						<i class="icon-rotate-180 icon-download-alt"></i>
						<span i18n-key="i.Import">Import</span>
					</button>
				</a>
			</div>
			<div id="slides_list"></div>
		</div>

		<div id="bottomside" style="display:none">
			<div id="slideset_selected">
				<img id="slideset_selected_img" class="image_barbutton" src="/assets/templatesthumbs/t2.png">
			</div>
			<div id="subslides_wrapper">
				<div id="subslides_list_actions">
					<a id="addSlideButtonOnSubslides" href="#">
						<button type="button" class="btn btn-small slidesScrollbarButton">
							<i class="icon-plus"></i>  
							<span i18n-key="i.AddSlideMin">Add Slide</span>
						</button>
					</a>
					<a id="importButtonOnSubslides" href="#">
						<button type="button" class="btn btn-small slidesScrollbarButton downimport">
							<i class="icon-rotate-180 icon-download-alt"></i>
							<span i18n-key="i.Import">Import</span>
						</button>
					</a>
				</div>
				<div id="subslides_list"></div>
			</div>
		</div>
	</section>

	<div id="hidden_links" style="display: none;">
		<!-- Hidden link to open help -->
		<a id="help_right"></a>
		<!-- Hidden link to open preview -->
		<a id="preview_action"></a>
		<!-- Hidden link to open fancybox when adding a slide -->
		<a id="addSlideFancybox" href="#thumbcontent"></a>
		<!-- Hidden link to open presentation settings -->
		<a id="edit_presentation_details" href="#presentationdetails"></a>
		<!-- Hidden link for loading fancybox -->
		<a id="fancyLoad" href="#loading_fancy"></a>
		<!-- Hidden link to open notification template -->
		<a id="link_to_notification_template" href="#notification_template_cloned"></a>
	</div>

	<!-- Initial screen to input the basic exursion data (Title, Description, etc.) -->
	<div style='display:none'>    
		<div id="presentationdetails">

			<div id="presentation_details_fields">
				<div id="settings_header">
					<img id="presentation_details_logo" src="/assets/icons/logo2.png">
				</div>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class="help_in_settings" id="help_in_settings" src="/assets/vicons/helptutorial_circle_blank.png">
				<div id="presentation_details_fields_row1">

					<div id="presentation_details_fields_row1_column1">
						
						<p id="presentation_details_preview_title" class="presentation_details_column_title" i18n-key="i.Preview">Preview</p>
						<div id="presentation_details_preview">
							<div id="presentation_details_preview_thumbnail">
								<div id="presentation_details_preview_thumbnail_img_wrapper" title="" i18n-key="i.AddanavatarHover">
									<img id="presentation_details_preview_thumbnail_img" class="addThumbnailPlus" src="/assets/icons/addThumbnail.png">
								</div>
								<p class="addthumbtitle" i18n-key="i.Addanavatar" style="display: none;">Add an avatar *</p>
								<div id="editthumb" style="display: none;">
									<p><i class="icon-button icon-edit"></i> <span i18n-key="i.edit">edit</span></p>
								</div>
							</div>
							<div id="presentation_details_preview_addtitle">
								<textarea id="presentation_details_preview_addtitle_textarea" type="text" maxlength="100" placeholder="add a title" i18n-key="i.addatitle"></textarea>
							</div>
							<div id="presentation_details_preview_author">
								<span i18n-key="i.by">by</span> <span id="author_span_in_preview">agordillo</span>
							</div>
						</div>
						<div id="presentation_details_license">
							<span class="presentation_details_text" title="License" i18n-key="i.License">License</span>
							<select title="" id="presentation_details_license_select">
								<option value="public" i18n-key="i.License_public">Public Domain</option>
								<option value="cc-by" i18n-key="i.License_cc-by">Creative Commons Attribution</option>
								<option value="cc-by-sa" i18n-key="i.License_cc-by-sa">Creative Commons Attribution-ShareAlike</option>
								<option value="cc-by-nd" i18n-key="i.License_cc-by-nd">Creative Commons Attribution-NoDerivs</option>
								<option value="cc-by-nc" i18n-key="i.License_cc-by-nc" selected="selected">Creative Commons Attribution-NonCommercial</option>
								<option value="cc-by-nc-sa" i18n-key="i.License_cc-by-nc-sa">Creative Commons Attribution-NonCommercial-ShareAlike</option>
								<option value="cc-by-nc-nd" i18n-key="i.License_cc-by-nc-nd">Creative Commons Attribution-NonCommercial-NoDerivs</option>
							</select>
						</div>
					</div>

					<div id="presentation_details_fields_row1_column2">

						<div id="presentation_details_title">
							<span class="presentation_details_text" title="Title is a mandatory field" i18n-key="i.TitleM">Title *</span>
							<input id="presentation_details_input_title" class="presentation_details_input" type="text" placeholder="Excursion title" i18n-key="i.presTitle" maxlength="100">
						</div>

						<div id="presentation_details_description">
							<span class="presentation_details_text" i18n-key="i.Description">Description</span>
							<textarea id="presentation_details_textarea" placeholder="Please describe in a few words what your excursion is about..." i18n-key="i.presDescriptionPlaceHolder"></textarea>
						</div>			

					    <div id="attachment_in_presentation_details">
					    	<span class="presentation_details_text" i18n-key="i.Attatchment">Attatchment</span><br/>
					    	<div class="file_details_upload">
								<form id="attachment_file_form" method="post" action="#" enctype="multipart/form-data">
									<div class="attachmentFileUpload" disabled="disabled" i18n-key="i.tooltip.UploadAttachment" title="">
										<span i18n-key="i.ChooseFile">Choose File</span>
										<input type="file" name="attachment" id="attachment_file">
									</div>
									<input id="description_attachment" placeholder="Choose File" disabled="disabled">
									<input type="hidden" name="author_id" id="attachment_author">
									<input type="hidden" name="authenticity_token" id="attachment_auth_token">
									<input id="upload_file_attachment" type="submit" class="button" i18n-key="i.Upload" value="Upload" disabled="true">
									<input type="hidden" name="pres_id" id="attachment_pres_id">
									<span id="upload_icon_success" class="icon-button icon-ok" aria-hidden="true"></span>
								</form>
							</div>
					    </div>

					</div>

					<div id="presentation_details_fields_row1_column3">  
 						<div id="tags_in_presentation_details">
							<p class="presentation_details_text" i18n-key="i.Tags" id="tags">Tags</p>
							<div id="tagBoxIntro">
								<ul id="tagindex" class="tagList"></ul>
							</div>
							<button id="catalog_button" type="button" class="button" i18n-key="i.Catalog">Catalog</button>
						</div>  
					</div>
				</div>

				<div id="presentation_details_fields_row2">
					<button id="metadata_clasification_button" type="button" class="button" i18n-key="i.advancedSettings">Advanced</button>
					<button id="fill_details_later_button" type="button" class="button" i18n-key="i.Filllater">Fill later</button>
					<button id="save_presentation_details" type="button" class="button" i18n-key="i.Continue" i18n-key-disabledtooltip="i.tooltip.continueDisabled">Continue</button>
				</div>
			</div>

			<div id="metadata_options_fields" style="display:none">
				
				<img class="help_in_settings" id="help_metadata_selection" src="/assets/vicons/helptutorial_circle_blank.png"/>
				<div>
					<p class="metadata_title" i18n-key="i.advancedSettings">Advanced</p>
				</div>

				<div class="fancy_tabs" id="advanced_tabs">
				  <ul>
				    <li><a class="js_tabs_asettings fancy_selected" tab="metadata-options-tab" href="#" i18n-key="i.MetadataAspects">Metadata</a></li>
				    <li><a class="js_tabs_asettings" tab="publication-tab" href="#" i18n-key="i.Publication">Publication</a></li>
				    <li><a class="js_tabs_asettings" tab="rte-tab" href="#">RTE</a></li>
				  </ul>
				 </div>

				<div id="metadata-options-tab" class="active">
					<div id="metadata_options_fields_row1">
					
						<div id="metadata_options_fields_row1_column1">

							<div id="language_tag_box">
								<div id="language_tag_box_text">
									<span i18n-key="i.Language">Language</span>
								</div>
								<select id="language_tag" class="ped_box_fields2">
									<option value="independent" selected="1" i18n-key="i.Languageindependent">Language independent</option>
									<option value="de">Deutsch</option>
									<option value="en">English</option>
									<option value="es">Español</option>
									<option value="fr">Français</option>
									<option value="it">Italiano</option>
									<option value="pt">Português</option>
									<option value="ru">Русский</option>
									<option value="ot" i18n-key="i.Other">Other</option>
								</select>
							</div>

							<div id="context_tag_box" class="content_tag_box_class margin_for_new_field_settings">
								<div id="context_tag_box_text">
									<span i18n-key="i.Context">Context</span>
								</div>
								<select id="context_tag" class="ped_box_fields">
									<option value="unspecified" selected="1" i18n-key="i.Unspecified">Unspecified</option>
									<option value="preschool" i18n-key="i.Preschool">Preschool Education</option>
									<option value="pEducation" i18n-key="i.pEducation">Primary Education</option>
									<option value="sEducation" i18n-key="i.sEducation">Secondary Education</option>
									<option value="higher education" i18n-key="i.HigherEducation">Higher Education</option>
									<option value="training" i18n-key="i.PTraining">Professional Training</option>
									<option value="other" i18n-key="i.Other">Other</option>
								</select>
							</div>

						</div>

						<div id="metadata_options_fields_row1_column2">
							
							<div id="age_range_wrapper">
								<div class="range_text"><span i18n-key="i.AgeRange">Age range</span>:</div>
								<div class="slider_wrapper">
									<input type="text" id="age_range" class="slider_range_input" readonly="">
									<div id="slider-age" class="slider_bar ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header" style="left: 13.3333%; width: 53.3333%;"></div><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 13.3333%;"></a><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 66.6667%;"></a></div>
								</div>
							</div>

							<div id="difficulty_wrapper" class="margin_for_new_field_settings">
								<div class="range_text"><span i18n-key="i.Difficulty">Difficulty</span>:</div>
								<div class="slider_wrapper">
									<input type="text" id="difficulty_range" class="slider_range_input" readonly="" difficulty="2">
									<div id="slider-difficulty" class="slider_bar ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 40%;"></a></div>
								</div>
							</div>

							<div id="tlt_wrapper" class="margin_for_new_field_settings">
								<div class="range_text"><span i18n-key="i.TypicalLearningTime">Typical learning time</span>:</div>
								<input type="text" id="tlt_current_value" class="slider_range_input" readonly="">
								<div class="tlt_inputs_wrapper">
									<div class="tlt_input_wrapper">
										<p class="tlt_input_title" i18n-key="i.Hours">Hours</p>
										<input type="number" value="0" min="0" max="23" id="tlt_hours" class="tlt_input">
									</div>
									<div class="tlt_input_wrapper">
										<p class="tlt_input_title" i18n-key="i.Minutes">Minutes</p>
										<input type="number" value="0" min="0" max="59" id="tlt_minutes" class="tlt_input">
									</div>
									<div class="tlt_input_wrapper">
										<p class="tlt_input_title" i18n-key="i.Seconds">Seconds</p>
										<input type="number" value="0" min="0" max="59" step="5" id="tlt_seconds" class="tlt_input">
									</div>
								</div>
							</div>
						</div>

						<div id="metadata_options_fields_row1_column3">
							<div id="subject_tag_box">		  
								<div id="subject_tag_box_text">
									<span i18n-key="i.Subject">Subject</span>
								</div>
								<select id="subject_tag" size="4" multiple="multiple">
									<option value="Unspecified" selected="1" i18n-key="i.Unspecified">Unspecified</option>
									<option value="Art" i18n-key="i.Art">Art</option>
									<option value="Astronomy" i18n-key="i.Astronomy">Astronomy</option>
									<option value="Biology" i18n-key="i.Biology">Biology</option>
									<option value="Chemistry" i18n-key="i.Chemistry">Chemistry</option>
									<option value="Citizenship" i18n-key="i.Citizenship">Citizenship</option>
									<option value="Classical Languages" i18n-key="i.ClassicalLanguages">Classical Languages</option>
									<option value="Cross Curricular Education" i18n-key="i.CrossCurricularEducation">Cross Curricular Education</option>
									<option value="Computer Science" i18n-key="i.ComputerScience">Computer Science</option>
									<option value="General Culture" i18n-key="i.GeneralCulture">General Culture</option>
									<option value="Economics" i18n-key="i.Economics">Economics</option>
									<option value="Education" i18n-key="i.Education">Education</option>
									<option value="Electronics" i18n-key="i.Electronics">Electronics</option>
									<option value="Environmental Education" i18n-key="i.EnvironmentalEducation">Environmental Education</option>
									<option value="Ethics" i18n-key="i.Ethics">Ethics</option>
									<option value="Foreign Languages" i18n-key="i.ForeignLanguages">Foreign Languages</option>
									<option value="Geography" i18n-key="i.Geography">Geography</option>
									<option value="Geology" i18n-key="i.Geology">Geology</option>
									<option value="Health Education" i18n-key="i.HealthEducation">Health Education</option>
									<option value="History" i18n-key="i.History">History</option>
									<option value="Home Economics" i18n-key="i.HomeEconomics">Home Economics</option>
									<option value="Literature" i18n-key="i.Literature">Literature</option>
									<option value="Law" i18n-key="i.Law">Law</option>
									<option value="Mathematics" i18n-key="i.Mathematics">Mathematics</option>
									<option value="Music" i18n-key="i.Music">Music</option>
									<option value="Natural Sciences" i18n-key="i.NaturalSciences">Natural Sciences</option>
									<option value="Philosophy" i18n-key="i.Philosophy">Philosophy</option>
									<option value="Physical Education" i18n-key="i.PhysicalEducation">Physical Education</option>
									<option value="Physics" i18n-key="i.Physics">Physics</option>
									<option value="Politics" i18n-key="i.Politics">Politics</option>
									<option value="Psychology" i18n-key="i.Psychology">Psychology</option>
									<option value="Religion" i18n-key="i.Religion">Religion</option>
									<option value="Social Sciences" i18n-key="i.SocialSciences">Social Sciences</option>
									<option value="Software Engineering" i18n-key="i.SoftwareEngineering">Software Engineering</option>
									<option value="Technology" i18n-key="i.Technology">Technology</option>
									<option value="Telecommunications" i18n-key="i.Telecommunications">Telecommunications</option>
								</select>
							</div>
						</div>

					</div>

					<div id="metadata_options_fields_row2">
						<div>
							<div id="educational_objectives_title">
								<span i18n-key="i.EducationalObjectives">Educational Objectives</span>
							</div>
							<textarea id="educational_objectives_textarea" name="educational_objectives" placeholder="Please describe the educational objectives you aim to fulfil by using this excursion..." i18n-key="i.EducationalObjectivesPlaceholder"></textarea>
						</div>
					</div>
			 	</div>
																																				
				<div id="publication-tab" style="display:none">
					<div id="publication_title">
						<p i18n-key="i.allowUsersTo">Allow other users to:</p>
					</div>
					<div id="publication_content">
						<p><input type="checkbox" id="allow_comment" checked=""> <span i18n-key="i.allowComment">Comment</span></p>
						<p><input type="checkbox" id="allow_download" checked=""> <span i18n-key="i.allowDownload">Download</span></p>
						<p><input type="checkbox" id="allow_clone" checked=""> <span i18n-key="i.allowClone">Clone</span></p>
					</div>
				</div>

				<div id="rte-tab" style="display:none">
					<p><input type="checkbox" id="allow_following_rte" checked="" disabled="disabled"> <span i18n-key="i.enableRTE">Enable object tracking when it is exported to SCORM</span></p>
				</div>

				<div id="metadata_options_fields_row3">
					<button id="done_in_metadata" type="button" class="button" i18n-key="i.Done">Done</button>
				</div>		
				
			</div>

		</div>
	</div>

	<div id="catalog_content" >
		<div id="catalog_title">
			<p i18n-key="i.CatalogueTitle">Catalogue</p>
		</div>
		<div id="catalog_body">
			<select id="catalog_tags" size="11" multiple="multiple"></select>
		</div>
		<button id="catalog_done_button" type="button" class="button buttonfancy previewButton" i18n-key="i.Done">Done</button>
	</div>

	<!-- Import and Add slide fancybox -->
	<div style='display:none'>
		<div id='thumbcontent'>
			
			<div class='fancy_tabs' id='thumcontent_tabs'>
				<ul>
					<li>
						<a href="#" onclick="VISH.Editor.Utils.loadTab('tab_slides'); return false;" id="tab_slides" class="fancy_tab tabbable" i18n-key="i.Slide">Slide</a>
					</li>
					<li>
						<a href="#" onclick="VISH.Editor.Utils.loadTab('tab_pdfex'); return false;" id="tab_pdfex" class="fancy_tab">PDF</a>
					</li>
					<li>
						<a href="#" onclick="VISH.Editor.Utils.loadTab('tab_epackage'); return false;" id="tab_epackage" class="fancy_tab" i18n-key="i.Package">Package</a>
					</li>
					<li>
						<a href="#" onclick="VISH.Editor.Utils.loadTab('tab_efile'); return false;" id="tab_efile" class="fancy_tab" i18n-key="i.File">File</a>
					</li>
					<li>
						<a href="#" onclick="VISH.Editor.Utils.loadTab('tab_presentations_repo'); return false;" id="tab_presentations_repo" class="fancy_tab tabbable" i18n-key="i.Presentation">Excursion</a>
					</li>
				</ul>
			</div> 

			<div id='tab_slides_content' class="fancy_tab_content" style='display:none' > 
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_slides_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<div class="tab_slides_content">
					<div class="tab_slides_templates">
						<p class="select_text" i18n-key="i.Templates">Templates</p>
						<div class="templateselectlist">
							<div class='slidethumb templatethumb' template='1'>
								<img src='/assets/templatesthumbs/blank.png' id="t1" />
							</div>
							<div class='slidethumb templatethumb' template='2'>
								<img src='/assets/templatesthumbs/blank.png' id="t2" />
							</div>
							<div class='slidethumb templatethumb' template='3'>
								<img src='/assets/templatesthumbs/blank.png' id="t3" />
							</div>
							<div class='slidethumb templatethumb' template='4'>
								<img src='/assets/templatesthumbs/blank.png' id="t4" />
							</div>
							<div class='slidethumb templatethumb' template='5'>
								<img src='/assets/templatesthumbs/blank.png' id="t5" />
							</div>
							<div class='slidethumb templatethumb' template='17'>
								<img src='/assets/templatesthumbs/blank.png' id="t17" />
							</div>
							<div class='slidethumb templatethumb' template='16'>
								<img src='/assets/templatesthumbs/blank.png' id="t16" />
							</div>
							<div class='slidethumb templatethumb' template='20'>
								<img src='/assets/templatesthumbs/blank.png' id="t20" />
							</div>
							<div class='slidethumb templatethumb' template='8'>
								<img src='/assets/templatesthumbs/blank.png' id="t8" />
							</div>
							<div class='slidethumb templatethumb' template='7'>
								<img src='/assets/templatesthumbs/blank.png' id="t7" />
							</div>
							<div class='slidethumb templatethumb' template='6'>
								<img src='/assets/templatesthumbs/blank.png' id="t6" />
							</div>
							<div class='slidethumb templatethumb' template='9'>
								<img src='/assets/templatesthumbs/blank.png' id="t9" />
							</div>
							<div class='slidethumb templatethumb' template='12'>
								<img src='/assets/templatesthumbs/blank.png' id="t12" />
							</div>
							<div class='slidethumb templatethumb' template='15'>
								<img src='/assets/templatesthumbs/blank.png' id="t15" />
							</div>
							<div class='slidethumb templatethumb' template='11'>
								<img src='/assets/templatesthumbs/blank.png' id="t11" />
							</div>
							<div class='slidethumb templatethumb' template='14'>
								<img src='/assets/templatesthumbs/blank.png' id="t14" />
							</div>
							<div class='slidethumb templatethumb' template='13'>
								<img src='/assets/templatesthumbs/blank.png' id="t13" />
							</div>
							<div class='slidethumb templatethumb' template='10'>
								<img src='/assets/templatesthumbs/blank.png' id="t10" />
							</div>
							<div class='slidethumb templatethumb' template='18'>
								<img src='/assets/templatesthumbs/blank.png' id="t18" />
							</div>
							<div class='slidethumb templatethumb' template='19'>
								<img src='/assets/templatesthumbs/blank.png' id="t19" />
							</div>
						</div>
					</div>
					<div class="tab_slides_smartcards">
						<p class="select_text" i18n-key="i.Smartcards">Smartcards</p>
						<div class="templateselectlist2">
							<div class='stthumb_wrapper'>
								<div class='stthumb fcthumb' type='flashcard'>
									<img src="/assets/templatesthumbs/blank.png" id="flscard"/>
								</div>
								<p i18n-key="i.Flashcard">Flashcard</p>
							</div>
							<div class='stthumb_wrapper'>
								<div class='stthumb vtthumb' type='VirtualTour'>
									<img src="/assets/templatesthumbs/blank.png" id="vrtour"/>
								</div>
								<p i18n-key="i.VirtualTour">Virtual Tour</p>
							</div>
							<div class='stthumb_wrapper'>
								<div class='stthumb evthumb' type='enrichedvideo'>
									<img src="/assets/templatesthumbs/blank.png" id="erivideo"/>
								</div>
								<p i18n-key="i.EnrichedVideo">Enriched Video</p>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id='tab_pdfex_content' class="fancy_tab_content" style='display:none'>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_pdfex_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<div class="box1 box1fancy3">
					
					<img class="image_add_url" src="/assets/icons/url_upl.png"/>
					<div class="textD">
						<p class="textfancy" i18n-key="i.AddslideshowPDF">Add slideshow from PDF file</p></br>
						<form class="documentsForm" action="#" method="post" enctype="multipart/form-data">
							<input type="file" name="pdfex[attach]" accept="application/pdf" class="upload_file_input">
							<input type="hidden" name="pdfex[scope]" value="1">
							<input type="hidden" name="pdfex[owner_id]">
							<input type="hidden" name="authenticity_token">
							<input id="upload_pdfex_submit" type="submit" class="button" i18n-key="i.Upload" value="Upload">
						</form>

						<div class="upload_progress_bar_wrapper">
							<div class="upload_progress_bar"></div >
							<div class="upload_progress_bar_percent">0%</div >
						</div>
					</div>
				</div>
			</div>

			<div id='tab_epackage_content' class="fancy_tab_content" style='display:none'>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_epackage_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<div class="box1 box1fancy3">
					<img class="image_add_url" src="/assets/icons/url_upl.png"/>
					<div class="textD">
						<p class="textfancy" i18n-key="i.AddePackage">Add an e-Learning package from a ZIP file. Supported formats: SCORM and custom HTML5 Web Applications.</p></br>
						<form id="package_file_input" class="documentsForm" action="#" method="post" enctype="multipart/form-data">
							<input type="file" name="document[file]" class="upload_file_input">
							<input type="hidden" name="document[scope]" value="1">
							<input type="hidden" name="document[title]">
							<input type="hidden" name="document[description]">
							<input type="hidden" name="document[owner_id]">
							<input type="hidden" name="authenticity_token">
							<input type="hidden" name="document[tag_list]">
							<input id="upload_package_submit" type="submit" class="button" i18n-key="i.Upload" value="Upload" style="display: none;">
						</form>
						<div class="upload_progress_bar_wrapper">
							<div class="upload_progress_bar"></div >
							<div class="upload_progress_bar_percent">0%</div >
						</div>
						<div class="tagBoxUpload">
							<ul class="tagList"></ul>
						</div>
					</div>
				</div>
			</div>

			<div id='tab_efile_content' class="fancy_tab_content" style='display:none'>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_efile_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<div class="box1 box1fancy3">
					<img class="image_add_url" src="/assets/icons/url_upl.png"/>
					<div class="textD">
						<p class="textfancy" i18n-key="i.ImportFromEFile">Import resources from external files:</p>
						<ul class="listInFancy">
							<li><p class="textfancy" i18n-key="i.ImportFromEFileVEJSON">ViSH Editor Presentations and Slides from JSON files</p></li>
							<li><p class="textfancy" i18n-key="i.ImportFromEFileIMSQTI">Quizzes from IMS QTI 2.1 compliant XML files</p></li>
							<li><p class="textfancy" i18n-key="i.ImportFromEFileMoodleXML">Quizzes from MoodleXML compliant XML files</p></li>
						</ul>
						<input id="efile_input" type="file" id="files" name="files[]" multiple />
						<button id="efile_preview_button" type="button" class="button buttonfancy previewButton" i18n-key="i.Preview">Preview</button>
					</div>
				</div>
			</div>

			<div id='tab_presentations_repo_content' class="fancy_tab_content" style='display:none'> 
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_presentations_repo_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<div class="presentations_repo_content">
					<p id="descSearch" i18n-key="i.PresentationsRepository">Search on the repository the presentation you would like to import</p>
					<img src="/assets/logos/vishlogo.png" id="repoLogo" class="imagelogotab repositoryimgclass"/>  
					<div class="search_container">
						<input type="search" class="input_text_fancy input_text_presentations formsizefancy2 marginsfancy3" > </input>
					</div>
					<div id="tab_presentations_repo_content_carrousel"></div>
					<div id="tab_presentations_repo_content_preview" class="content_preview_presentation">
						<div class="content_preview_data"></div>
						<div class="content_preview_metadata"></div>
						<div class="content_preview_foot">
							<button i18n-key="i.Preview" style="display:none" type="button" class="okButton2">Preview</button>
						</div>
					</div> 	
				</div>	
			</div>

		</div>
	</div>


	<!-- Quizes fancybox -->
	<div style='display:none'>
		<div id='quiz_fancybox'>

			<div class='fancy_tabs' id='quiz_fancybox_tabs'>
				<ul>
					<li>
						<a href="#" id="tab_quizzes" class="fancy_tab">Quiz</a>
					</li>
				</ul>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" id='tab_quizzes_help' class='help_in_fancybox' src='/assets/vicons/helptutorial_circle_blank.png'/>
			</div> 

			<div id='tab_quizzes_content' class="fancy_tab_content">
				<div class='quizFancythumb'>
					<img src='/assets/templatesthumbs/tquiz2.png' onclick='VISH.Editor.Quiz.add("multiplechoice"); return false;'/>
					<p><span i18n-key="i.walkQuiz_MC1">Multiple Choice</span></p>
				</div>
				<div class='quizFancythumb'>
					<img src='/assets/templatesthumbs/tquiz3.png' onclick='VISH.Editor.Quiz.add("truefalse"); return false;'/>
					<p><span i18n-key="i.walkQuiz_TF1">True / False</span></p>
				</div>
				<div class='quizFancythumb'>
					<img src='/assets/templatesthumbs/tquiz5.png' onclick='VISH.Editor.Quiz.add("sorting"); return false;'/>
					<p><span i18n-key="i.walkQuiz_Sorting1">Sorting</span></p>
				</div>
				<div class='quizFancythumb'>
					<img src='/assets/templatesthumbs/tquiz1.png' onclick='VISH.Editor.Quiz.add("openAnswer"); return false;'/>
					<p><span i18n-key="i.walkQuiz_Open1">Open Ended</span></p>
				</div>
			</div>
		</div>
	</div>

	<div style='display:none'>
		<div id='menuselect' class="menuselect_hide">
			<a class='all' href="#">
				<div class='thumbicon textthumb' i18n-key="i.Text" title="Text"></div>
			</a>
			<a class="addpicture all" href="#picture_fancybox">
				<div class='thumbicon picthumb' i18n-key="i.Image" title="Image"></div>
			</a>
			<a class="addobject all" href="#object_fancybox">
				<div class='thumbicon objectthumb' i18n-key="i.Object" title="Object"></div>
			</a>
			<a class="addvideo all" href="#video_fancybox">
				<div class='thumbicon videothumb' i18n-key="i.Video" title="Video"></div>
			</a>
			<a class="addQuiz uniq large" href="#quiz_fancybox" id="add_quiz_thumb">
				<div class='thumbicon quizthumb' i18n-key="i.Quiz" title="Quiz"></div>
			</a>
		</div>
	</div>
  
	<!-- FANCYBOX ADD A LINK TO A ELEMENT (IMAGE,etc) -->
	<div style='display:none'>
		<div id='tools_addUrl'>	  		
			<div class="box1 box1fancy1">
				<div class="box1_section1">
				<p class="textfancy">Url</p></br>
				</div>
				<div class="box1_section2">
				<img class="image_add_link" src="/assets/icons/url_img.png"/>
				<input class="input_text_fancy formsizefancy1 marginsfancy1 tools_input_addUrl" type="text" size="25" value="">
				</div>
				<div class="addUrlButtons">
					<button type="button" class="addUrlButton" i18n-key="i.Add" 
					onclick="VISH.Editor.Tools.addUrl(); return false;">Add</button>
					<button type="button" class="removeUrlButton" style="display:none" i18n-key="i.Remove" 
					onclick="VISH.Editor.Tools.removeUrl(); return false;">Remove</button>
				</div>

			</div>
		</div>
	</div>

	<!-- NOTIFICATIONS -->

	<!-- NOTIFICATION TEMPLATE -->
	<div id="notification_template_wrapper" style='display:none'></div>

	<!-- NOTIFY USER WHEN NOT MET MINIMUM REQUIREMENTS -->
	<div style='display:none'>
		<div id='requirements_form_wrapper'>
			<div id='requirements_form'>      
				<span i18n-key="i.browserrequirements" class="adverttext">Your browser does not meet the minimum requirements to init ViSH Editor, please update your browser.</span>
				<div id="recomended_browsers">
					<div class="recomended_browser">
						<span class="browserTitle">Google Chrome</span>
						<a target="_blank" href="https://www.google.com/chrome"><img class="browser_img" src="/assets/browsers/google_chrome.png"/></a>
					</div>
					<div class="recomended_browser">
						<span class="browserTitle">Mozilla Firefox</span>
						<a target="_blank" href="http://www.mozilla.org/en-US/firefox/new"><img class="browser_img" src="/assets/browsers/firefox.png"/></a>
					</div>
					<div class="recomended_browser">
						<span class="browserTitle">Internet Explorer 9</span>
						<a target="_blank" href="http://windows.microsoft.com/en-GB/internet-explorer/downloads/ie-9/worldwide-languages"><img class="browser_img" src="/assets/browsers/internetexplorer.png"/></a>
					</div>
<!-- 					<div class="recomended_browser">
						<span class="browserTitle">Opera</span>
						<a target="_blank" href="http://www.opera.com/download"><img class="browser_img" src="/assets/browsers/opera.png"/></a>
					</div> -->
				</div>
				<div class="button_advert_wrapper">
					<a href="#" onclick="$.fancybox.close();" class="button button_advert" i18n-key="i.OK">OK</a>
				</div>
			</div>
		</div>
	</div>

	<!-- IMAGE -->
	<a id="hidden_button_to_change_slide_background" href="#picture_fancybox" style="display:none"></a>
	<a id="hidden_button_to_uploadThumbnail" href="#picture_fancybox" style="display:none"></a>

	<div style='display:none'>
		<div id="picture_fancybox" class="outer_box">
			<div class="fancy_tabs" id="images_fancy_tabs_id">	   
				<ul>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_pic_from_url'); return false;" id="tab_pic_from_url" class="fancy_tab tabbable" i18n-key="i.url">url</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_pic_upload'); return false;" id="tab_pic_upload" class="fancy_tab" i18n-key="i.upload">upload</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_pic_thumbnails'); return false;" id="tab_pic_thumbnails" class="fancy_tab tabbable venondefaulttab" style="display:none" i18n-key="i.thumbnails">thumbnails</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_pic_repo'); return false;" id="tab_pic_repo" class="fancy_tab">ViSH</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_pic_flickr'); return false;" id="tab_pic_flickr" class="fancy_tab"><img src='/assets/logos/flickrlogo2.png'/></a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_pic_europeana'); return false;" id="tab_pic_europeana" class="fancy_tab"><img src='/assets/logos/europeanalogo.png'/></a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_pic_lre'); return false;" id="tab_pic_lre" class="fancy_tab"><img src='/assets/logos/lrelogo.gif'/></a></li>
				</ul>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_pic_thumbnails' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_pic_from_url_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_pic_upload_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_pic_repo_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_pic_flickr_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_pic_europeana_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_pic_lre_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
			</div>

			<div id='tab_pic_thumbnails_content' class="fancy_tab_content">
				<div id="tab_pic_thumbnails_carrousel"></div>
			</div>

			<div id='tab_pic_from_url_content' class="fancy_tab_content">
				<div class="box1 box1fancy1">
					<div class="box1_section1">
						<p i18n-key="i.addpicurl" class="textfancy">add image url</p>
					</div>
					<div class="box1_section2">
						<img class="image_add_url" src="/assets/icons/url_img.png"/>
						<input id="picture_url" class="input_text_fancy formsizefancy1 marginsfancy1" type="text" size="25" value="">
					</div>
					<div class="box1_section3">
					<button id="picture_url_previewButton" type="button" class="button buttonfancy previewButton" i18n-key="i.Preview">Preview</button>
					</div>
				</div>
				<div class="box2">
					<div id="picture_preview" class="previewimgbox">
						<button i18n-key="i.AddContent" type="button" class="button button_addContent" onclick="VISH.Editor.Image.addContent()">Add Content</button>
					</div>
				</div>
			</div> 

			<div id='tab_pic_upload_content' class="fancy_tab_content">
				<div id="upload_file_inputbox" class="box1 box1fancy3">
					
					<img class="image_add_url" src="/assets/icons/url_upl.png"/>
					<div class="textD">
						<p class="textfancy" i18n-key="i.selectPicture">Select picture to upload</p></br>
						<form class="documentsForm" action="#" method="post" enctype="multipart/form-data">
							<input type="file" name="document[file]" class="upload_file_input"/>
							<input type="hidden" name="document[scope]" value="1"/>
							<input type="hidden" name="document[title]"/>
							<input type="hidden" name="document[description]"/>
							<input type="hidden" name="document[owner_id]"/>
							<input type="hidden" name="document[tag_list]"/>
							<input type="hidden" name="authenticity_token"/>
							<input type="hidden" name="preferred_conversion"/>
							<input class="upload_file_submit" type="submit" class="button" i18n-key="i.Upload" value="Upload"/>
						</form>

						<div class="upload_progress_bar_wrapper">
							<div class="upload_progress_bar"></div>
							<div class="upload_progress_bar_percent">0%</div>
						</div>

						<div class="tagBoxUpload">
							<ul class="tagList"></ul>
						</div>
					</div>
				</div>

				<div class="box2 box2_upload">
					<div class="previewimgbox">
					<button i18n-key="i.AddContent" type="button" class="button button_addContent" onclick="VISH.Editor.Image.addContent()">Add Content</button>
					</div>
				</div>
			</div>  

			<div id='tab_pic_repo_content' class="fancy_tab_content">
				<div class="box1 box1fancy2">
					<img src="/assets/logos/vishlogo.png" class="imagelogotab repositoryimgclass"/>				  		  
					<div class="search_container">
						<input id="search_picture" type="search" class="input_text_fancy formsizefancy2 marginsfancy2" > </input>
					</div>
					<div id="tab_pic_repo_content_carrousel"></div>
				</div>	
			</div>

			<div id='tab_pic_flickr_content' class="fancy_tab_content">
				<div class="box1 box1fancy2">
					<img src="/assets/logos/flickrlogo.png" class="imagelogotab">
					<div class="search_container">
						<input id="search_flickr_fancy" type="search" class="input_text_fancy formsizefancy2 marginsfancy2" > </input>
					</div>	
					<div id="tab_pic_flickr_content_carrousel"></div>
				</div>
			</div>

			<div id='tab_pic_europeana_content' class="fancy_tab_content">
				<div class="box1 box1fancy2">
					<img id="europeanalogo_in_tab" src="/assets/logos/europeanalogo.png" class="imagelogotab">
					<div class="search_container">
						<input id="search_europeana_fancy" type="search" class="input_text_fancy formsizefancy2 marginsfancy2" > </input>
					</div>	
					<div id="tab_pic_europeana_content_carrousel"></div>
				</div>
			</div>

			<div id='tab_pic_lre_content' class="fancy_tab_content">
				<div class="box1 box1fancy2">
					<img id="lrelogo_in_tab" src="/assets/logos/lrelogo.gif" class="imagelogotab">
					<div class="search_container">
							<input id="search_lre_fancy" type="search" class="input_text_fancy formsizefancy2 marginsfancy2" > </input>
					</div>	
					<div id="tab_pic_lre_content_carrousel"></div>
				</div>
			</div>
		</div>
	</div>
  
	<!-- Select theme fancybox -->
	<a id="hidden_button_to_launch_theme_fancybox" href="#theme_fancybox" style="display:none"></a>
	<div style='display:none'>
		<div id="theme_fancybox" class="theme_fancybox_class">
			<div id="header_fancybox">
  				<i id="themeIheader" class="icon-button icon-edit"></i>
  				<p i18n-key="i.Themes">Themes</p>
			</div>
			<img id="help_themes_selection" src="/assets/vicons/helptutorial_circle_blank.png"/>
			<div id='select_theme1' class="slidethumb col1 row1">
				<img src='/assets/themes/theme1/select.png' class="themethumb" theme="theme1"/>
			</div>			
			<div id='select_theme13' class="slidethumb row1">
				<img src='/assets/themes/theme13/select.png' class="themethumb" theme="theme13"/>
			</div>
			<div id='select_theme14' class="slidethumb row1">
				<img src='/assets/themes/theme14/select.png' class="themethumb" theme="theme14"/>
			</div>
			<div id='select_theme15' class="slidethumb row1">
				<img src='/assets/themes/theme15/select.png' class="themethumb" theme="theme15"/>
			</div>
			<div id='select_theme16' class="slidethumb col1">
				<img src='/assets/themes/theme16/select.png' class="themethumb" theme="theme16"/>
			</div>
			<div id='select_theme17' class="slidethumb">
				<img src='/assets/themes/theme17/select.png' class="themethumb" theme="theme17"/>
			</div>
			<div id='select_theme18' class="slidethumb">
				<img src='/assets/themes/theme18/select.png' class="themethumb" theme="theme18"/>
			</div>
			<div id='select_theme19' class="slidethumb">
				<img src='/assets/themes/theme19/select.png' class="themethumb" theme="theme19"/>
			</div>
			<div id='select_theme20' class="slidethumb col1">
				<img src='/assets/themes/theme20/select.png' class="themethumb" theme="theme20"/>
			</div>
			<div id='select_theme21' class="slidethumb">
				<img src='/assets/themes/theme21/select.png' class="themethumb" theme="theme21"/>
			</div>
			<div id='select_theme22' class="slidethumb">
				<img src='/assets/themes/theme22/select.png' class="themethumb" theme="theme22"/>
			</div>
			<div id='select_theme23' class="slidethumb">
				<img src='/assets/themes/theme23/select.png' class="themethumb" theme="theme23"/>
			</div>
		</div>
	</div>

	<!-- Select animation fancybox -->
	<a id="hidden_button_to_launch_animation_fancybox" href="#animation_fancybox" style="display:none"></a>
	<div style='display:none'>
		<div id="animation_fancybox" class="animation_fancybox_class">
			<div id="ani_header_fancybox">
  				<i id="aniIheader" class="icon-button icon-magic"></i>
  				<p i18n-key="i.Animations">Animation</p>
			</div>
			<img id="help_animation_selection" src="/assets/vicons/helptutorial_circle_blank.png"/>
			<div id="aniF1" class="filaAni">	
				<div id='select_animation1' class="slidethumb ani" animation="animation1">
					<div class="anim_text"><h3 i18n-key="i.Horizontal">Horizontal</h3></div></div>
				<div id='select_animation2' class="slidethumb ani" animation="animation2">
					<div class="anim_text"><h3 i18n-key="i.Vertical">Vertical</h3></div>
				</div>
				<div id='select_animation3' class="slidethumb ani" animation="animation3">
					<div class="anim_text"><h3 i18n-key="i.Opacity">Opacity</h3></div>
				</div>
				<div id='select_animation4' class="slidethumb ani" animation="animation4">
					<div class="anim_text"><h3 i18n-key="i.Elements">Elements</h3></div>
				</div>
			</div>
			<div class="filaAni">
				<div id='select_animation5' class="slidethumb ani" animation="animation5">
					<div class="anim_text"><h3 i18n-key="i.Rotate">Rotate</h3></div>
				</div>
				<div id='select_animation6' class="slidethumb ani" animation="animation6">
					<div class="anim_text"><h3 i18n-key="i.Diagonal1">Diagonal #1</h3></div>
				</div>
				<div id='select_animation7' class="slidethumb ani" animation="animation7">
					<div class="anim_text"><h3 i18n-key="i.Diagonal2">Diagonal #2</h3></div>
				</div>
				<div id='select_animation8' class="slidethumb ani" animation="animation8">
					<div class="anim_text"><h3 i18n-key="i.Inside">Inside</h3></div>
				</div>
			</div>
			<div class="filaAni">	
				<div id='select_animation9' class="slidethumb ani" animation="animation9">
					<div class="anim_text"><h3 i18n-key="i.Zoom">Zoom</h3></div>
				</div>
				<div id='select_animation10' class="slidethumb ani" animation="animation10">
					<div class="anim_text"><h3 i18n-key="i.Flip1">Flip #1</h3></div>
				</div>
				<div id='select_animation11' class="slidethumb ani" animation="animation11">
					<div class="anim_text"><h3 i18n-key="i.Flip2">Flip #2</h3></div>
				</div>
				<div id='select_animation12' class="slidethumb ani" animation="animation12">
					<div class="anim_text"><h3>3D</h3></div>
				</div>
			</div>
		</div>
	</div>

	<!-- Objects -->
	<div style='display:none'>
		<div id="object_fancybox" class="outer_box">

			<div class="fancy_tabs" id="object_fancy_tabs_id">	   
				<ul>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_object_from_web'); return false;" id="tab_object_from_web" class="fancy_tab">web</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_object_snapshot'); return false;" id="tab_object_snapshot" class="fancy_tab">web snapshot</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_object_from_url'); return false;" id="tab_object_from_url" class="fancy_tab">embed</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_object_upload'); return false;" id="tab_object_upload" class="fancy_tab" i18n-key="i.upload">upload</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_object_repo'); return false;" id="tab_object_repo" class="fancy_tab">ViSH</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_object_lre'); return false;" id="tab_object_lre" class="fancy_tab"><img src='/assets/logos/lrelogo.gif'/></a></li>
				</ul>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_object_from_web_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_object_snapshot_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_object_from_url_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_object_upload_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_object_repo_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_object_lre_help' src='/assets/vicons/helptutorial_circle_blank.png'/>

			</div>

			<div id='tab_object_from_url_content' class="fancy_tab_content">
				<div class="box1 box1fancy1">
					<div class="box1_section1">
						<p class="textfancy" i18n-key="i.addembeddedobject">add embedded object</p>
					</div>
					<div class="box1_section2">
						<img class="image_add_url" src="/assets/icons/url_img.png"/>
						<input id="object_embed_code" type="text" class="input_text_fancy formsizefancy1 marginsfancy1">
					</div>
					<div class="box1_section3">
						<button type="button" class="button buttonfancy previewButton" i18n-key="i.Preview">Preview</button>
					</div>
				</div>
				<div class="box2">
					<div id="picture_preview" class="previewimgbox">
						<button i18n-key="i.AddContent" type="button" class="button button_addContent" onclick="VISH.Editor.Object.drawPreviewElement()">Add Content</button>
					</div>
				</div>
			</div>

			<div id='tab_object_from_web_content' class="fancy_tab_content">
				<div class="box1 box1fancy1">
					<div class="box1_section1">
						<p class="textfancy" i18n-key="i.embedwebsite">embed website</p>
						</div>
					<div class="box1_section2">
						<img class="image_add_url" src="/assets/icons/url_img.png"/>
						<input id="object_embedWeb_code" type="text" class="input_text_fancy formsizefancy1 marginsfancy1">
					</div>
					<div class="box1_section3">
						<button type="button" class="button buttonfancy previewButton" i18n-key="i.Preview">Preview</button>
					</div>
				</div>
				<div class="box2">
					<div id="picture_preview" class="previewimgbox">
						<button i18n-key="i.AddContent" type="button" class="button button_addContent" onclick="VISH.Editor.Object.Web.drawPreviewElement()">Add Content</button>
					</div>
				</div>
			</div>

			<div id='tab_object_upload_content' class="fancy_tab_content">
				<div class="box1 box1fancy3">
					<img class="image_add_url" src="/assets/icons/url_upl.png"/>
					<div class="textD">
						<p class="textfancy"><span i18n-key="i.selectObjectUpload">Select a file to upload</span>. <span i18n-key="i.selectObjectUpload2">Supported formats: SWF (flash), PDF</span>.</p><br>
						<form  id="object_file_input" class="documentsForm" action="#" method="post" enctype="multipart/form-data">
							<input type="file" name="document[file]" class="upload_file_input">
							<input type="hidden" name="document[scope]" value="1">
							<input type="hidden" name="document[title]">
							<input type="hidden" name="document[description]">
							<input type="hidden" name="document[owner_id]">
							<input type="hidden" name="authenticity_token">
							<input type="hidden" name="document[tag_list]">
							<input class="upload_file_submit" type="submit" class="button" i18n-key="i.Upload" value="Upload">
						</form>

						<div class="upload_progress_bar_wrapper">
							<div class="upload_progress_bar"></div >
							<div class="upload_progress_bar_percent">0%</div >
						</div>

						<div class="tagBoxUpload">
							<ul class="tagList"></ul>
						</div>
					</div>
				</div>

				<div class="box2 box2_upload">
					<div class="previewimgbox">
						<button i18n-key="i.AddContent" type="button" class="button button_addContent" onclick="VISH.Editor.Object.drawPreviewElement()">Add Content</button>
					</div>
				</div>
			</div> 

			<div id='tab_object_repo_content' class="fancy_tab_content">
				<div class="box1 box1fancy2">
					<img src="/assets/logos/vishlogo.png" class="imagelogotab repositoryimgclass"/>
					<div class="search_container">
						<input id="search_object" type="search" class="input_text_fancy formsizefancy2 marginsfancy2" > </input>
					</div>
					<div id="tab_object_repo_content_carrousel"></div>
					<div id="tab_object_repo_content_preview" class="content_preview">
						<div id="tab_object_repo_content_preview_object" class="content_preview_data"></div>
						<div id="tab_object_repo_content_preview_metadata" class="content_preview_metadata"></div>
						<div id="tab_object_repo_content_preview_foot" class="content_preview_foot">
							<button i18n-key="i.Add" type="button" class="okButton okButtonCarrousel" onclick="VISH.Editor.Object.Repository.addSelectedObject()">Add</button>
						</div>
					</div>
				</div>
			</div>	

			<div id='tab_object_snapshot_content' class="fancy_tab_content">
				<div class="box1 box1fancy1">
					<div class="box1_section1">
						<p class="textfancy" i18n-key="i.embedWebSnapshot">embed Web Snapshot</p>
					</div>
					<div class="box1_section2">
						<img class="image_add_url" src="/assets/icons/url_img.png"/>
						<input id="object_snapshot_code" type="text" class="input_text_fancy formsizefancy1 marginsfancy1">
					</div>
					<div class="box1_section3">
						<button type="button" class="button buttonfancy previewButton" i18n-key="i.Preview">Preview</button>
					</div>
				</div>
				<div class="box2">
					<div class="previewimgbox">
						<button i18n-key="i.AddContent" type="button" class="button button_addContent" onclick="VISH.Editor.Object.Snapshot.drawPreviewElement()">Add Content</button>
					</div>
				</div>
			</div>

			<div id='tab_object_lre_content' class="fancy_tab_content">	
				<div class="box1 box1fancy2">
					<img id="lrelogo_in_tab" src="/assets/logos/lrelogo.gif" class="imagelogotab">			  
					<div class="search_container">
						<input id="search_object_lre" type="search" class="input_text_fancy formsizefancy2 marginsfancy2" > </input>
					</div>

					<div id="tab_object_lre_content_carrousel"></div>

					<div id="tab_object_lre_content_preview" class="content_preview">
						<div id="tab_object_lre_content_preview_object" class="content_preview_data"></div>
						<div id="tab_object_lre_content_preview_metadata" class="content_preview_metadata"></div>
						<div id="tab_object_lre_content_preview_foot" class="content_preview_foot">
							<button i18n-key="i.Add" type="button" class="okButton okButtonCarrousel" onclick="VISH.Editor.Object.LRE.addSelectedObject()">Add</button>
						</div>
					</div>				
				</div>			
			</div>

		</div>
	</div>

	<!-- VIDEO -->
	<div style='display:none'>
		<div id="video_fancybox" class="outer_box">

			<div class="fancy_tabs" id="video_fancy_tabs_id">	   
				<ul>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_video_from_url'); return false;" id="tab_video_from_url" class="fancy_tab" i18n-key="i.url">url</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_video_repo'); return false;" id="tab_video_repo" class="fancy_tab">ViSH</a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_video_youtube'); return false;" id="tab_video_youtube" class="fancy_tab"><img src='/assets/logos/youtube.png'/></a></li>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_audio_soundcloud'); return false;" id="tab_audio_soundcloud" class="fancy_tab"><img src='/assets/logos/soundcloud.png'/></a></li>
				</ul>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_video_from_url_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_video_repo_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_video_youtube_help' src='/assets/vicons/helptutorial_circle_blank.png'/>
			</div>

			<div id='tab_video_from_url_content' class="fancy_tab_content">
				<div id="box1" class="box1 box1fancy1">
					<div class="box1_section1">
						<p class="textfancy"><span i18n-key="i.addvideourl">add video url (YouTube, HTML5)</span>.</p>
					</div>
					<div class="box1_section2">
						<img id="image_add_url" class="image_add_url" src="/assets/icons/url_img.png"/>
						<input class="input_text_fancy formsizefancy1 marginsfancy1">
					</div>
					<div class="box1_section3">
						<button type="button" class="button buttonfancy previewButton" i18n-key="i.Preview">Preview</button>
					</div>
				</div>
				<div id="box2" class="box2">
					<div id="previewimgbox" class="previewimgbox">
						<button i18n-key="i.AddContent" type="button" class="button button_addContent" onclick="VISH.Editor.Video.addContent()">Add Content</button>
					</div>
				</div>
			</div>

			<div id='tab_video_repo_content' class="fancy_tab_content">		
				<div class="box1 box1fancy2">	
					<img src="/assets/logos/vishlogo.png" class="imagelogotab repositoryimgclass"/>	  
					<div class="search_container">
						<input id="search_video" type="search" class="input_text_fancy formsizefancy2 marginsfancy2" > </input>
					</div>

					<div id="tab_video_repo_content_carrousel"></div>
					<div id="tab_video_repo_content_preview" class="content_preview">
						<div id="tab_video_repo_content_preview_video" class="content_preview_data"></div>
						<div id="tab_video_repo_content_preview_metadata" class="content_preview_metadata"></div>
						<div id="tab_video_repo_content_preview_foot" class="content_preview_foot">
							<button type="button" class="okButton okButtonCarrousel" onclick="VISH.Editor.Video.Repository.addSelectedVideo()">Add</button>
						</div>
					</div>
				</div>
			</div>  

			<div id='tab_video_youtube_content' class="fancy_tab_content">
				<div class="box1 box1fancy2">
					<img src="/assets/logos/youtubelogo.png" class="imagelogotab">
					<div class="search_container" id="youtube_search_container">
						<input id="search_youtube_fancy" type="search" class="input_text_fancy formsizefancy2 marginsfancy2" id="youtube_text_to_search"> </input>
					</div>
					<div id="tab_video_youtube_content_carrousel"></div>
					<div id="tab_video_youtube_content_preview" class="content_preview">
						<div id="tab_video_youtube_content_preview_video" class="content_preview_data"></div>
						<div id="tab_video_youtube_content_preview_metadata" class="content_preview_metadata"></div>
						<div id="tab_video_youtube_content_preview_foot" class="content_preview_foot">
							<button type="button" class="okButton okButtonCarrousel" onclick="VISH.Editor.Video.Youtube.addSelectedVideo()">Add</button>
						</div>
					</div>
				</div>
			</div>

			<div id='tab_audio_soundcloud_content' class="fancy_tab_content">
				<div class="box1 box1fancy2">
					<img src="/assets/logos/soundcloudlogo.png" class="imagelogotab">
					<div class="search_container" id="soundcloud_search_container">
						<input id="search_soundcloud_fancy" type="search" class="input_text_fancy formsizefancy2 marginsfancy2" id="youtube_text_to_search"> </input>
					</div>
					<div id="tab_audio_soundcloud_content_carrousel"></div>
					<div id="tab_audio_soundcloud_content_preview" class="content_preview">
						<div id="tab_audio_soundcloud_content_preview_audio" class="content_preview_data"></div>
						<div id="tab_audio_soundcloud_content_preview_metadata" class="content_preview_metadata"></div>
						<div id="tab_audio_soundcloud_content_preview_foot" class="content_preview_foot">
							<button type="button" class="okButton okButtonCarrousel" onclick="VISH.Editor.Audio.Soundcloud.addSelectedAudio()">Add</button>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>


	<!-- LIVE -->
	<div style='display:none'>
		<div id="live_fancybox" class="outer_box">
			<div class="fancy_tabs" id="live_fancy_tabs_id">
				<ul>
					<li><a href="#" onclick="VISH.Editor.Utils.loadTab('tab_live_resource'); return false;" i18n-key="i.LiveResources" id="tab_live_resource" class="fancy_tab">Live Resources</a></li>
				</ul>
				<img title="Help" i18n-key-tooltip="i.tooltip.Help" class='help_in_fancybox' id='tab_live_resource_help' src='/assets/vicons/helptutorial_circle_blank.png'/> 
			</div>

			<div id='tab_live_resource_content' class="fancy_tab_content"> 
				<div class="box1 box1fancy2">
					<img src="/assets/logos/vishlogo.png" class="imagelogotab repositoryimgclass"/>
					<div class="search_container">
						<input id="search_live_resource" type="search" class="input_text_fancy formsizefancy2 marginsfancy2" > </input>
					</div>
					<div id="tab_live_resource_content_carrousel"></div>
					<div id="tab_live_resource_content_preview" class="content_preview">
						<div id="tab_live_resource_content_preview_live" class="content_preview_data"></div>
						<div id="tab_live_resource_content_preview_metadata" class="content_preview_metadata"></div>
						<div id="tab_live_resource_content_preview_foot" class="content_preview_foot">
							<button type="button" class="okButton okButtonCarrousel"  i18n-key="i.Add" onclick="VISH.Editor.Object.Live.addSelectedObject()">Add</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- Chapters for EVideos -->
	<div style='display:none'>
		<div id="chapters_fancybox">
			<div>
				<div id="eVideoChaptersName_wrapper">
					<span i18n-key="i.Title">Title</span>
				</div>
				<textarea id='eVideoChaptersTextArea' maxlength="200" placeholder="add a title" i18n-key="i.addatitle"></textarea>
			</div>
			<div id="eVideoChaptersBall_wrapper" style='display:none'>
				<span></span>
			</div>
			<div id="eVideoChaptersTime_wrapper" class="margin_for_new_field_settings">
				<div class="range_text"><span i18n-key="i.Time">Time</span>:</div>
				<input type="text" id="eVideochapters_current_value" class="slider_range_input" readonly/><span class='evideoTimeSlash'>/</span><input type="text" id="eVideochapters_duration_value" class="slider_range_input" readonly/>
				<div class="tlt_inputs_wrapper">
					<div class="tlt_input_wrapper">
						<p class="tlt_input_title" i18n-key="i.Hours">Hours</p>
						<input type="number" value="0" min="0" max="23" id="eVideochapters_hours" class="tlt_input"/>
					</div>
					<div class="tlt_input_wrapper">
						<p class="tlt_input_title" i18n-key="i.Minutes">Minutes</p>
						<input type="number" value="0" min="0" max="59" id="eVideochapters_minutes" class="tlt_input"/>
					</div>
					<div class="tlt_input_wrapper">
						<p class="tlt_input_title" i18n-key="i.Seconds">Seconds</p>
						<input type="number" value="0" min="0" max="59" step="1" id="eVideochapters_seconds" class="tlt_input"/>
					</div>
				</div>
			</div>
			<div id="eVideoChaptersButtons_wrapper">
				<a href="#" buttonaction="Add" i18n-key="i.Ok" class="button notification_button">Ok</a>
				<a href="#" buttonaction="Cancel" i18n-key="i.Cancel" class="button notification_button">Cancel</a>
			</div>
		</div>
	</div>

	<!-- Quiz Settings -->
	<div style='display:none'>
		<div id="quizSettings_fancybox" class="elSettings_fancybox">
			<p class="elsettings_fancybox_title" i18n-key="i.QuizSettings">Quiz Settings</p>

			<input type="hidden" name="elId">

			<div class="new_elsettings_field">
				<span i18n-key="i.NAttempts">Number of Attempts</span>
				<select id="quizSettings_nAttempts" class="el_settings_select">
					<option value="1" selected="selected">1</option>
					<option value="2">2</option>
					<option value="3">3</option>
					<option value="4">4</option>
					<option value="5">5</option>
					<option value="unlimited" i18n-key="i.Unlimited">Unlimited</option>
				</select>
			</div>

			<div class="new_elsettings_field">
				<span i18n-key="i.QuizScore">Score</span>
				<select class="el_settings_select" name="quizScorePoints">
					<option value="0" selected="selected">0</option>
					<option value="10">10</option>
					<option value="20">20</option>
					<option value="30">30</option>
					<option value="40">40</option>
					<option value="50">50</option>
					<option value="60">60</option>
					<option value="70">70</option>
					<option value="80">80</option>
					<option value="90">90</option>
					<option value="100">100</option>
				</select>
			</div>

			<div class="new_elsettings_field">
				<span i18n-key="i.ShuffleChoices">Shuffle choices</span>
				<input type="checkbox" name="shuffleChoices">
			</div>

			<div class="new_elsettings_field">
				<span i18n-key="i.AudienceResponseSystem">Audience Response System</span>
				<div class="new_elsettings_subfield">
					<p>
						<span i18n-key="i.Enable">Enable</span>
						<input type="checkbox" name="enableARS">
					</p>
				</div>
			</div>

			<div class="new_elsettings_field">
				<a id="exportQuizToIMSQTI">
					<p>
						<i class="icon-button icon-rotate-180 icon-download-alt"></i>&nbsp;&nbsp;
						<span i18n-key="i.ExportToIMSQTI">Export to IMS QTI 2.1</span>
					</p>
				</a>
			</div>

			<div class="new_elsettings_field">
				<a id="exportQuizToMoodleXML">
					<p>
						<i class="icon-button icon-rotate-180 icon-download-alt"></i>&nbsp;&nbsp;
						<span i18n-key="i.ExportToMoodleXML">Export to Moodle XML</span>
					</p>
				</a>
			</div>

			<div class="elSettingsButtonsWrapper">
				<button id="quizSettingsDone" type="button" class="button" i18n-key="i.Done">Done</button>
			</div>

		</div>
	</div>

	<!-- Object Settings -->
	<div style='display:none'>
		<div id="objectSettings_fancybox" class="elSettings_fancybox">
			<p class="elsettings_fancybox_title" i18n-key="i.Options">Options</p>

			<input type="hidden" name="elId">

			<div class="new_elsettings_field">
				<span i18n-key="i.OSettingsUnload">Unload the object when the slide disappears</span>
				<input type="checkbox" defaultvalue="true" name="unloadObject">
			</div>

			<div class="wapp_settings" style="display:none">
				<br/><br/>
				<p i18n-key="i.wappSettings" class="elsettings_fancybox_title">Web Application Settings</p>
				<div class="new_elsettings_field">
					<span i18n-key="i.wappSettingsEnableAPI">Enable Web Application API</span>
					<input type="checkbox" name="wappAPI">
				</div>
				<div class="new_elsettings_field">
					<span i18n-key="i.wappSettingsSecores">This app send scores</span>
					<input type="checkbox" name="wappScore">
				</div>
				<div class="new_elsettings_field">
					<span i18n-key="i.QuizScore">Score</span>
					<select class="el_settings_select" name="wappScorePoints">
						<option value="0" selected="selected">0</option>
						<option value="10">10</option>
						<option value="20">20</option>
						<option value="30">30</option>
						<option value="40">40</option>
						<option value="50">50</option>
						<option value="60">60</option>
						<option value="70">70</option>
						<option value="80">80</option>
						<option value="90">90</option>
						<option value="100">100</option>
					</select>
				</div>
			</div>

			<div class="elSettingsButtonsWrapper">
				<button id="objectSettingsDone" type="button" class="button" i18n-key="i.Done">Done</button>
			</div>

		</div>
	</div>


	<!-- WALKTHROUGH HELP SECTION -->

	<!-- Menu Help -->
	<ol id="menubar_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_template_editorfull tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkWelcome1_1">Welcome to ViSH Editor!</h2>
			<p i18n-key="i.walkWelcome1_2">ViSH Editor is an innovative web application that allows you to create amazing web slideshows and novel educational resources such as Virtual Excursions.</p>
			<p><span i18n-key="i.walkMenuHelp1a">To learn how to use ViSH Editor you can watch several video tutorials in our</span> <a i18n-key="i.YouTubeChannel" class="tut_tutlink" href="http://www.youtube.com/channel/UCo-73n6eZBWNBs2gvKLyBhQ?feature=watch" target="_blank">YouTube Channel</a>. <span i18n-key="i.walkMenuHelp1b">These tutorials cover from basic usage for beginners to advanced features.</span></p>
			<p><span i18n-key="i.walkMenuHelp2">The following video tutorial will teach you how to getting started with ViSH Editor in a few minutes.</span> <span class="tut_tutlink" onClick="VISH.Tour.startTourWithId('getting_started_help','top');" i18n-key="i.walkMenuHelp3">If you prefer you can click here to see a text tutorial which will teach you quickly the basics to get started.</span></p>
			<p i18n-key="i.vtTitle_GStarted" class="tut_video_title">Getting Started with ViSH Editor</p>
			<iframe class="tut_iframe_yt" width="625" height="380" src="//www.youtube.com/embed/fBSNZxs8m0I" frameborder="0" allowfullscreen></iframe>
			<p class="tut_space">&nbsp;</p>			
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Getting started tutorial -->
	<ol id="getting_started_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Next" i18n-key="i.Next" class="tut_width500_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkWelcome1_1">Welcome to ViSH Editor!</h2>
			<p i18n-key="i.walkWelcome1_2">ViSH Editor is an innovative web application that allows you to create amazing web slideshows and novel educational resources such as Virtual Excursions.</p>
			<p i18n-key="i.walkWelcome1_3">In this walkthrough you will learn how to get started with this tool.</p>
		</li>

		<li data-id="thumbcontent" data-text="Next" i18n-key="i.Next" class="tut_width500 tut_menubar tut_with_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkWelcome2_1">Slides Panel</h2>
			<p i18n-key="i.walkWelcome2_2">In this panel appears the current slides of your presentation. If you click on one of them you will see the selected slide and you will be able to edit and remove it.</p>
		</li>

		<li data-id="addSlideButton" class="tut_width500 tut_addslide tut_with_arrow" data-text="Next" i18n-key="i.Next">
			<h2 i18n-key="i.walkWelcome3_1">Add a new slide</h2>
			<p i18n-key="i.walkWelcome3_2">You can add a new slide to your presentation by clicking on this button.</p>
			<p i18n-key="i.walkWelcome3_3">After clicking, a new screen will pop up for you to choose the template of the new slide.</p>
		</li>
		<li data-id="importButton" class="tut_width500 tut_addslide tut_with_arrow" data-text="Next" i18n-key="i.Next">
			<h2 i18n-key="i.walkWelcome4_1">Import content</h2>
			<p i18n-key="i.walkWelcome4_2">This icon will bring up the import screen that allows you to import slides from different sources.</p>
			<ul>
				<li>
					<p i18n-key="i.walkWelcome4_3">Import slides from a PDF presentation.</p>
				</li>
				<li>
					<p i18n-key="i.walkWelcome4_4">Import slides from other ViSH Editor presentations.</p>
				</li>
			</ul>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
		</li>


		<li data-id="toolbar_presentation" data-text="Next" i18n-key="i.Next" class="tut_width500 tut_menubar tut_with_arrow" data-options="tipLocation:bottom">
			<h2 i18n-key="i.walkWelcome5_1">ViSH Editor Toolbar</h2>
			<p i18n-key="i.walkWelcome5_2">This toolbar offers different features to manage and compose your presentation.</p>
			<p i18n-key="i.walkWelcome5_3">Click next to see an explanation of the different elements of the toolbar.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="toolbar_publish_wrapper" data-options="tipLocation:top" data-text="Next" i18n-key="i.Next" class="tut_width350 tut_with_arrow">
			<h2 i18n-key="i.Publish">Publish</h2>
			<p i18n-key="i.walkWelcome7_1">This button allows you to publish your presentation in the ViSH platform. If your presentation is not complete, you can also save it as a draft to keep it private and finish it later.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="toolbar_preview_wrapper" data-text="Next" i18n-key="i.Next" data-options="tipLocation:top" class="tut_width350 tut_with_arrow">
			<h2 i18n-key="i.Preview">Preview</h2>
			<p i18n-key="i.walkWelcome8_1">This button allows you to preview your presentation. You will be able to see the presentation in the same way that users will see it after its publication.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="toolbar_themes_wrapper" class="tut_with_arrow tut_width350" data-options="tipLocation:bottom;" data-text="Next" i18n-key="i.Next">
			<h2 i18n-key="i.Style">Style</h2>
			<p i18n-key="i.walkWelcome9_1">This button allows you to choose a visual theme for your presentation.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="toolbar_element" class="tut_toolbar_tools tut_with_arrow" data-options="tipLocation:bottom;" data-text="Next" i18n-key="i.Next">
			<h2 i18n-key="i.walkWelcome11_1">Elements Tools</h2>
			<p i18n-key="i.walkWelcome11_2">This zone contains tools to edit the contents or elements of the slides. The displayed tools will vary depending on the type of the selected element (image, web, ...).</p>
			<p i18n-key="i.walkWelcome11_3">Each time you add or select an element in the presentation this zone of the toolbar will show you the available tools to interact with that element.</p>
			<p><span i18n-key="i.walkWelcome11_4">Below are listed all the existing tools</span>:</p>
			<table>
				<tr>
					<td><img class="tut_toolbar_tools_menu_icon" src="/assets/toolbar/addLink.png"/></td>
					<td><p i18n-key="i.walkWelcome11_a_1">Link element to a URL</p></td>
				</tr>
				<tr>
					<td>
						<img class="tut_toolbar_tools_menu_icon" src="/assets/toolbar/resizeLess.png"/> 
						<img class="tut_toolbar_tools_menu_icon" src="/assets/toolbar/resizeMore.png"/>
					</td>
					<td><p i18n-key="i.walkWelcome11_a_2">Resize an element</p></td>
				</tr>
				<tr>
					<td>
						<img class="tut_toolbar_tools_menu_icon" src="/assets/toolbar/zoomLess.png"/> 
						<img class="tut_toolbar_tools_menu_icon" src="/assets/toolbar/zoomMore.png"/>
					</td>
					<td><p i18n-key="i.walkWelcome11_a_3">Zoom</p></td>
				</tr>
				<tr>
					<td>
						<img src="/assets/tutorial/tut_textedimg.png"/>
					</td>
					<td><p i18n-key="i.walkWelcome11_a_4">Text Toolbar</p></td>
				</tr>
			</table>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="menuButton" class="tut_menubuttonpresentation tut_with_arrow" data-options="tipLocation:bottom;" data-text="Next" i18n-key="i.Next">
			<h2 i18n-key="i.walkWelcome12_1">ViSH Editor Menu</h2>
			<p i18n-key="i.walkWelcome12_2">This button displays the ViSH Editor menu, where you can find all the functionalities of the application.</p>
			<img id="tutMenuImage" i18n-key="i.img.tut_menu" src="/assets/tutorial/tut_menu.png"/>
			<p i18n-key="i.walkWelcome12_3">Many of these options are also available on the ViSH Editor toolbar, but you always can access to any of them through this menu.</p>
			<p i18n-key="i.walkWelcome12_4">Using this menu you can save and publish your presentation as well as export it to a external file, you can also preview the presentation before publish or export it, add new slides, import new contents, change the information of the presentation through the 'Settings' option, and start again this tutorial every time you want with the 'Help' option.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="thumbcontent" data-text="Finish" i18n-key="i.Finish" class="tut_contextualhelp tut_width500_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkWelcome13_1">Contextual Help</h2>
			<table>
				<tr>
					<td><p i18n-key="i.walkWelcome13_2">If you have any doubt, you can always click on any of these "contextual help icons" to see additional help and instructions relative to the screen on which you are or to the element on which the icon is placed.</p></td>
					<td class="tut_contextualhelp_icon">
						<img src="/assets/vicons/helptutorial_circle.png"/>
						<p class="tut_withouttopspace"><span i18n-key="i.walkWelcome13_3">Contextual Help Icon</span></p>
					</td>
				</tr>
			</table>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>


	<!-- Help in Settings -->
	 <ol id="help_in_settings_help" class="joyRideTipContent">

		<li data-id="presentation_details_description" data-text="Next" i18n-key="i.Next" data-options="tipLocation:none;" class="tut_settings tut_without_arrow">
			<h2 i18n-key="i.walkSettings1_1">Welcome to the Settings screen</h2>
			<p><span i18n-key="i.walkSettings1_2">Here you can specify information about your Virtual Excursion.</span></p>
			<p><span i18n-key="i.walkSettings1_3">The title and avatar (an image to identify your excursion in the ViSH platform) are mandatory fields, so you should fill them before publish your excursion.</span></p>
			<p><span i18n-key="i.walkSettings1_4">At the left side, you can see a preview of how your excursion will be presented in the ViSH Platform.</span></p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="presentation_details_title" data-text="Next" i18n-key="i.Next" data-options="tipLocation:bottom;" class="tut_width350 tut_with_arrow">
			<h2 i18n-key="i.walkSettings2_1">Write a title (Mandatory)</h2>
			<p i18n-key="i.walkSettings2_2">Type the title of your excursion in this input. The title is important because it is the one that will appear in the ViSH Platform and the one that other users of the platform will see.</p>
		</li>

		<li data-id="presentation_details_preview_thumbnail_img" data-text="Next" i18n-key="i.Next" data-options="tipLocation:top;" class="tut_width350 tut_with_arrow">
			<h2 i18n-key="i.walkSettings3_1">Add an avatar for your excursion (Mandatory)</h2>
			<p i18n-key="i.walkSettings3_2">Click on this button to choose an image to represent your excursion. This image will be the avatar of the excursion and is important because it will be shown in the ViSH Platform, allowing users to identify the excursion.</p>
		</li>

		<li data-id="presentation_details_license" data-text="Next" i18n-key="i.Next" data-options="tipLocation:top;" class="tut_width350 tut_with_arrow">
			<h2 i18n-key="i.walkSettings4_1">Add a license for this excursion (Mandatory)</h2>
			<p i18n-key="i.walkSettings4_2">Since you are the author of this excursion, you need to include a license for it. Choose between different licenses from Creative Commons and apply it from dropdown menu. This is Creative Commons license webpage (https://creativecommons.org/licenses/) where they explain different licenses in deep.</p>
			<p i18n-key="i.walkSettings4_3">Remember that you can only change license before publishing the excursion. If you have published it, the excursion license dropdown will remain disabled and you will not be able to change it.</p>
		</li>

		<li data-id="presentation_details_description" data-options="tipLocation:bottom;" i18n-key="i.Next" data-text="Next" class="tut_width350 tut_with_arrow">
		<h2 i18n-key="i.walkSettings5_1">Write a description</h2>
		<p i18n-key="i.walkSettings5_2">Here you can explain in detail what the excursion is about.</p>
		<p i18n-key="i.walkSettings5_3">This description will be shown in the ViSH Platform in the page of this excursion. Therefore, all users that access this excursion will be able to read it.</p>
		</li>

		<li data-id="selectthemeshelp" data-text="Next" i18n-key="i.Next" data-options="tipLocation:bottom;" class="tut_width350 tut_with_arrow">
			<h2 i18n-key="i.walkSettings6_1">Select your presentation theme</h2>
			<p i18n-key="i.walkSettings6_2">A theme defines the visual appearance of the presentation. ViSH Editor offers different themes among them you can choose.</p>
			<p i18n-key="i.walkSettings6_3">To pick one theme, just click on the icon you like in this gallery.</p>
			<p i18n-key="i.walkSettings6_4">Remember that you can change the theme of the presentation at any time by accesing to this screen or by clicking on the 'Style' button in the toolbar.</p>
		</li>

		<li data-id="tags_in_presentation_details" data-text="Next" i18n-key="i.Next" data-options="tipLocation:top;" class="tut_width500 tut_with_arrow">
			<h2 i18n-key="i.walkSettings7_1">Add tags to your excursion</h2>
			<p i18n-key="i.walkSettings7_2">Here you can add tags (or keywords) to your excursion.</p>
			<p i18n-key="i.walkSettings7_3">These keywords are very useful to categorize the excursion. Also, they are used as search terms in the ViSH platform (as well as in other repositories), and therefore add keywords to an excursion facilitates its searching and retrieval.</p>
			<p><span i18n-key="i.walkSettings7_4">Tag examples</span>: <i i18n-key="i.nanoscience">nanoscience</i>, <i i18n-key="i.math">math</i> <span i18n-key="i.or">or</span> <i i18n-key="i.biology">biology</i></p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="attachment_in_presentation_details" data-text="Next" i18n-key="i.Next" data-options="tipLocation:top;" class="tut_width500 tut_with_arrow">
			<h2 i18n-key="i.walkSettings8_1">Attachment</h2>
			<p i18n-key="i.walkSettings8_2">You can add complementary materials for your excursion through an attachment.</p>
			<p i18n-key="i.walkSettings8_3">To upload an attachment you must have previously saved the excursion. Once the attached file is uploaded, users can download it from the excursion page at the ViSH platform.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="metadata_clasification_button" data-text="Next" i18n-key="i.Next" data-options="tipLocation:top;" class="tut_width500 tut_with_arrow">
			<h2 i18n-key="i.walkSettings9_1">Advanced Settings</h2>
			<p i18n-key="i.walkSettings9_2">Clicking on this button will bring up the Advanced Settings screen.</p>
			<p i18n-key="i.walkSettings9_3">In this screen you can specify more pedagogy related information, permissions and other aspects about your excursion.</p>
			<p><span i18n-key="i.walkSettings9_4">Details about the information that can be specified are described in the contextual help of the different screens.</p>
		</li>

		<li class="tut_width500 tut_with_arrow" data-id="save_presentation_details" class="tut_with_arrow" data-options="tipLocation:top" data-text="Finish" i18n-key="i.Finish">
			<h2 i18n-key="i.walkSettings10_1">Start using ViSH Editor</h2>
			<p i18n-key="i.walkSettings10_2">Once you have fulfilled the information of your excursion, at least the title and avatar, you can start to create your excursion with ViSH Editor by clicking on the 'Continue' button.</p>
			<p i18n-key="i.walkSettings10_3">If you do not want to fulfill all the information now, you can also start using ViSH Editor by clicking on the “Fill later” button, but in this case remember that you should come back to the Settings screen and complete all the mandatory fields before publish the excursion.</p>
			<p class="tut_space_big">&nbsp;</p>
		</li>
	</ol>

	<!-- Help in metadata options settings -->
	<ol id="help_metadata_selection_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Finish" i18n-key="i.Finish" class="tut_metadata tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkMetadata1_1">Welcome to the Metadata screen</h2>
			<p><span i18n-key="i.walkMetadata1_2_1">In this screen you can specify more pedagogy related information (or metadata) about your excursion. These metadata are grounded on and are compliant with the Learning Object Metadata (LOM) standard. The last specification of this standard, which explains in a detailed way all fields of this screen, can be found</span> <a href="http://ltsc.ieee.org/wg12/files/LOM_1484_12_1_v1_Final_Draft.pdf" target="_blank"><span i18n-key="i.walkMetadata1_2_2">here</span></a>.</p>
			<p class="tut_space">&nbsp;</p>
			<p i18n-key="i.walkMetadata1_3">Below is given a brief explanation of each of the fields that can be specified here.</p>
			<p class="tut_space_small">&nbsp;</p>
			<p> <i i18n-key="i.Language">Language</i>: <span i18n-key="i.walkMetadata1_4">The language of your excursion.</span></p>
			<p> <i i18n-key="i.Context">Context</i>: <span i18n-key="i.walkMetadata1_5">The principal environment within which the learning and use of this learning object (i.e. the excursion) is intended to take place.</span></p>
			<p> <i i18n-key="i.AgeRange">Age range</i>: <span i18n-key="i.walkMetadata1_6">Age of the typical intended user.</span></p>
			<p> <i i18n-key="i.Difficulty">Difficulty</i>: <span i18n-key="i.walkMetadata1_7">How hard it is to work with or through this learning object.</span></p>
			<p> <i i18n-key="i.TypicalLearningTime">Typical Learning Time</i>: <span i18n-key="i.walkMetadata1_8">Approximate or typical time it takes to work with this learning object.</span></p>
			<p> <i i18n-key="i.Subject">Subject</i>: <span i18n-key="i.walkMetadata1_9">The topic (or topics) of the excursion.</span></p>
			<p> <i i18n-key="i.EducationalObjectives">Educational Objectives</i>: <span i18n-key="i.walkMetadata1_10">Comments on how this learning object is to be used.</span></p>
			<p class="tut_space_big">&nbsp;</p>
		</li>
	</ol>

	<!-- Help in publication options settings -->
	<ol id="help_publication_selection_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Finish" i18n-key="i.Finish" class="tut_metadata tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkPublication1_1">Welcome to the Permissions screen</h2>
			<p><span i18n-key="i.walkPublication1_2">In this screen you can change the permissions that other users of the ViSH platform will have on your excursion once it has been published. You will be able to change these settings at any time.</span></p>
			<p><b><span i18n-key="i.allowComment">Comment</span></b>: <span i18n-key="i.walkPublication1_3">allows to enable or disable comments for this excursion.</span></p>
			<p><b><span i18n-key="i.allowDownload">Download</span></b>: <span i18n-key="i.walkPublication1_4">allows other users to download the excursion in any format.</span></p>
			<p><b><span i18n-key="i.allowClone">Clone</span></b>: <span i18n-key="i.walkPublication1_5">allows other users to obtain a copy of the excursion in their own account keeping the authoring chain and including a reference to the original author (or authors).</span></p>
			<p class="tut_space_big">&nbsp;</p>
		</li>
	</ol>

	<!-- Help in rte options settings -->
	<ol id="help_rte_selection_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Finish" i18n-key="i.Finish" class="tut_metadata tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkRTE1_1">Welcome to the RTE options screen</h2>
			<p><span i18n-key="i.walkRTE1_2">In this screen you can specify the integration and interaction options of the learning object (i.e the excursion) with the RTE (Run-Time Environment).</span></p>
			<p><span i18n-key="i.walkRTE1_3">When the learning object is exported to a standard e-Learning format like SCORM and it is integrated into an external system (for example, an LMS like Moodle or Blackboard), it communicates with the run-time environment of the external system. The options on this screen allow to configure different aspects of that communication.</span></p>
			<p class="tut_space_big">&nbsp;</p>
		</li>
	</ol>

	<!-- Help in standard slide -->
	<ol id="sslide_help" class="joyRideTipContent">
		<li data-id="toolbar_wrapper" data-text="Close" i18n-key="i.Close" class="tut_template_editorfull tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkSlide1_1">Adding content to a slide</h2>
			<p><span i18n-key="i.walkSlide1_2">To add content to a slide, first click on any of the available editable areas of the slide. These areas have a dotted border and a text that says</span> "<i i18n-key="i.ZoneTooltip">Click here to add content</i>". <span i18n-key="i.walkSlide1_3">Once you have selected one of these areas, several icons will appear inside.</span> <span i18n-key="i.walkSlide1_4">Each of these icons allows you to add a different type of content.</span></p>
			
			<table class="contentIconsWalkthrough">
				<tr>
					<td>
						<img src="/assets/zonethumbs/text.png"/>
						<h1 i18n-key="i.Text">Text</h1>
					</td>
					<td>
						<img src="/assets/zonethumbs/video.png"/>
						<h1 i18n-key="i.Videos">Videos</h1>
					</td>
				</tr>
				<tr>
					<td>
						<img src="/assets/zonethumbs/image.png"/>
						<h1 i18n-key="i.Images">Images</h1>
					</td>
					<td>
						<img src="/assets/zonethumbs/quiz.png"/>
						<h1 i18n-key="i.Quizzes">Quizzes</h1>
					</td>
				</tr>
				<tr>
					<td>
						<img src="/assets/zonethumbs/object.png"/>
						<h1 i18n-key="i.Objects">Objects</h1>
					</td>
					<td>
						<!-- <img src="/assets/zonethumbs/live.png"/>
						<h1 i18n-key="i.LiveResources">Live</h1> -->
					</td>
				</tr>
			</table>

			<p class="tut_withlittlebottomspace">
				<span i18n-key="i.walkSlide1_5">If you select the text icon, a text toolbar will appear on the top, allowing you to define among others the typeface, text style, alignment and size.</span>
			</p>
			<img src="/assets/tutorial/tut_textedimg.png"/>

			<p>
				<span i18n-key="i.walkSlide1_6">If you select the quizzes icon, a new screen will pop up for you to choose the type of quiz (multiple choice, true/false, ...) to add.</span>
			</p>

			<p>
				<span i18n-key="i.walkSlide1_7">In any other case (images, videos, ...), a new screen will pop up for you to choose the content to add. You can add a resource via its URL, uploading a file or by searching in external content providers such as Flickr or YouTube.</span>
			</p>

			<p>
				<span i18n-key="i.walkSlide1_8">Once you have add content to an area, you can delete it by using the "deleting content" icon</span>: <img id="deletecontenttut" src="/assets/icons/delete_content.png"/>
			</p>

			<p>
				<span i18n-key="i.walkSlide1_9">Finally, if you want to remove the entire slide, you can do it using the "delete slide" icon</span>: <img id="deleteslidetut" src="/assets/icons/ve_delete.png"/>
			</p>

			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help in slide templates selection -->
	<ol id="help_template_selection_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_resources_fancybox tut_width700_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkAddSlide_1">Adding Slides</h2>
			<p i18n-key="i.walkAddSlide_2">
				Here you can add a new empty slide with a specific template to your presentation. To do that, just select the template you want from the available ones in the 'Templates' panel. Notice that the template defines the position and size of the zones in which you will be able to add contents in the new slide.
			</p>
			<p>
				<p class="tut_withoutbottomspace" i18n-key="i.walkAddSlide_3">Besides common slides, you can also insert more interactive elements called 'Smartcards' to your presentation. To insert any of these elements, just click on the desired one in the 'Smartcards' panel. Once you insert a Smartcard, you will be able to customize it with the content you want.</p>
				<p class="tut_withouttopspace"><span i18n-key="i.walkAddSlide_4" class="tut_tutlink" onClick="VISH.Tour.startTourWithId('help_smartcards_help', 'top');">Click here to see more information about the available type of Smartcards and to learn how to create them.</span></p>
			</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Smartcards Help -->
	<ol id="help_smartcards_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_resources_fancybox tut_width700_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.Smartcards">Smartcards</h2>
			<p i18n-key="i.walkSmartcards_1">
				Smartcards are interactive elements that can be inserted in the presentation in the same way that common slides do.
			</p>
			<p><span i18n-key="i.walkSmartcards_2">The following type of Smartcards are available</span>:</p>
			<table class="tut_table_imagewithsubtitle">
				<tr>
					<td><img src="/assets/templatesthumbs/flashcard_template.png"/><p i18n-key="i.Flashcard">Flashcard</p></td>
					<td><p><span i18n-key="i.flashcardDef">Flashcards are resources presented as an image background with 'hot zones' identified by arrows on which the user can click to see additional contents that had been previously tagged.</span> <span i18n-key="i.flashcardLearnHow" class="tut_tutlink" onClick="VISH.Tour.startTourWithId('fc_help', 'top');">Click here to learn how to create a Flashcard.</span></p></td>
				</tr>
				<tr>
					<td><img src="/assets/templatesthumbs/tVTour.png"/><p i18n-key="i.VirtualTour">Virtual Tour</p></td>
					<td><p><span i18n-key="i.vtDef">Virtual Tours are similar to Flashcards, but instead of being presented as static background images, they are presented as interactive maps where the 'hot zones' are places identified by map pins. This way, when users click on a map pin (a tagged location), they will see additional contents.</span> <span i18n-key="i.vtLearnHow" class="tut_tutlink" onClick="VISH.Tour.startTourWithId('vt_help', 'top');">Click here to learn how to create a Virtual Tour.</span></p></td>
				</tr>
				<tr>
					<td><img src="/assets/templatesthumbs/tEVideo.png"/><p i18n-key="i.EnrichedVideo">Enriched Video</p></td>
					<td><p><span i18n-key="i.EVideoDef">Enriched Videos are videos augmented with other resources (e.g. quizzes, slides, images, etc.), which can be selected and customized by the author, and that can be displayed automatically when the video reaches a specific point of time or explicitly when the user select one of them on a side menu.</span> <span i18n-key="i.eVideoLearnHow" class="tut_tutlink" onClick="VISH.Tour.startTourWithId('evideo_help', 'top');">Click here to learn how to create a Enriched Video.</span></p></td>
				</tr>
			</table>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help uploading PDF -->
	<ol id="help_pdfex_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_resources_fancybox tut_width700_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkPdf2ex_1">Insert a PDF slideshow</h2>
			<p i18n-key="i.walkPdf2ex_2">Select a slideshow in PDF format and upload the file. Only files with PDF format are allowed. If you want to insert a slideshow in other format such as PowerPoint (.ppt), you should convert the file to PDF first.</p>
			<p i18n-key="i.walkPdf2ex_3">Once the upload of the PDF file is complete, a new screen will pop up for you to select the slides of the uploaded slideshow that you want to insert.</p>
			<p i18n-key="i.walkPdf2ex_4" class="tut_withoutbottomspace">This functionality will convert the PDF slideshow to a ViSH Editor presentation, this means that each of the selected slides of the PDF slideshow will be inserted in the current presentation as a new slide.</p>
			
			<table class="tut_table_image">
				<tr>
					<td><span i18n-key="i.walkPdf2ex_5">If what you want is to insert a whole PDF document in the same slide to be readed as a book, you should upload the PDF file from the 'Objects' panel.</span></td>
					<td><img src="/assets/zonethumbs/object.png"></td>
				</tr>
			</table>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help uploading e-Learning Packages -->
	<ol id="help_epackage_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_resources_fancybox tut_width700_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkEPackage_1">Insert an e-Learning Package</h2>
			<p i18n-key="i.walkEPackage_2">Select an e-Learning Package in ZIP format and upload the file. Only files with ZIP format are allowed. You can upload standard SCORM Packages or custom HTML5 web applications. To upload a custom web application, the main HTML file should be renamed as 'index.html' and included in the ZIP file together with all the necessary files.</p>
			<p i18n-key="i.walkEPackage_3">Once the upload of the ZIP file is complete, a new screen will pop up for you to preview and confirm the content to be inserted.</p>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help importing external files (JSON, IMS QTI, ...) -->
	<ol id="help_efile_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_resources_fancybox tut_width700_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkInsertEfile_1">Import resources from external files</h2>
			<p i18n-key="i.walkInsertEfile_2" class="tut_withoutbottomspace">This screen allows you to import different type of resources from external files.</p>
			<p i18n-key="i.walkInsertEfile_3" class="tut_withouttopspace">The following options are available:</p>
			<p class="tut_space">&nbsp;</p>

			<h3>-> <span i18n-key="i.walkInsertJSONfile_1">Add a ViSH Editor Presentation from a JSON file</span></h3>
			<p i18n-key="i.walkInsertJSONfile_2" class="tut_withlittletopspace">Pick the file in JSON format (.json) in which the presentation you want to insert is saved. Then, click on the preview button. A new screen will appear for you to select the slides to import.</p>
			<p i18n-key="i.walkInsertJSONfile_3">You can save your presentation in JSON format by clicking on 'Menu -> Export -> toJSON'. A JSON file containing your presentation will be downloaded to your device. This  way you can share your presentation through a file (for instance sending it by email) and store it where you want.</p>
			<p class="tut_space">&nbsp;</p>

			<h3>-> <span i18n-key="i.walkInsertIMSQTI_1">Add a Quizz from a IMS QTI 2.1 compliant XML file</span></h3>
			<p i18n-key="i.walkInsertIMSQTI_2" class="tut_withlittletopspace">Pick the file in XML format (.xml) in which the quiz you want to insert is saved according to the IMS QTI 2.1 standard. Then, click on the preview button. A new screen will appear for you to preview the quiz before inserting it.</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help searching presentations in ViSH to insert -->
	<ol id="help_pres_selection_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_resources_fancybox tut_width700_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkInsertingViSHPres_1">Adding Slides from Virtual Excursions</h2>
			<p i18n-key="i.walkInsertingViSHPres_2">Here you can search Virtual Excursions on the ViSH platform in order to add them (or add selected slides from them) to your presentation.</p>
			<p>
				<span i18n-key="i.walkSearch1">Write the name you want to search inside the text box, for example</span> <i><span i18n-key="i.nature">nature</span></i>, <span i18n-key="i.walkPresSearch2">and press the 'enter' key to start the search. When the search has finished, the found Virtual Excursions will be shown in this screen.</span>
			</p>
			<p i18n-key="i.walkInsertingViSHPres_3">Click on any of the Virtual Excursions to select it. After that, a new button "Preview" will be displayed.	Once you click on this button, a new screen will pop up for you to select the slides  that you want to insert in your presentation.</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help in themes templates -->
	<ol id="themes_help" class="joyRideTipContent">
		<li data-id="thumbcontent" class="tut_themes tut_width500_center tut_without_arrow" data-options="tipLocation:none;" data-text="Close" i18n-key="i.Close">
			<h2 i18n-key="i.walkThemes_1">ViSH Editor Themes</h2>
			<p i18n-key="i.walkSettings6_2">A theme defines the visual appearance of the presentation. ViSH Editor offers different themes among them you can choose.</p>
			<p i18n-key="i.walkSettings6_3">To pick one theme, just click on the icon you like in this gallery.</p>
			<p i18n-key="i.walkThemes_4">Remember that you can change the theme of the presentation at any time by accesing to this screen or by clicking on the 'Settings' option in the menu.</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help in Animation templates -->
	<ol id="animation_help" class="joyRideTipContent">
		<li data-id="thumbcontent" class="tut_themes tut_width500_center tut_without_arrow" data-options="tipLocation:none;" data-text="Close" i18n-key="i.Close">
			<h2 i18n-key="i.walkAnimations_1">ViSH Editor Animations</h2>
			<p i18n-key="i.walkAnimations_2">An Animation defines the visual transition between the slides of the presentation. ViSH Editor offers different animations among them you can choose.</p>
			<p i18n-key="i.walkAnimations_3">To pick one animation, just pass through the icons to previsualize the animation you like in this gallery.</p>
			<p i18n-key="i.walkAnimations_4">Remember that you can change the animation between the slides of the presentation at any time by accesing to this screen.</p>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help in Flashcards -->
	<ol id="fc_help" class="joyRideTipContent">
		<li data-id="toolbar_wrapper" data-text="Finish" i18n-key="i.Finish" class="tut_template_editorfull tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.CreatingFlashcards">Creating Flashcards</h2>
			<p i18n-key="i.flashcardDef" class="tut_withoutbottomspace">Flashcards are resources presented as an image background with 'hot zones' identified by arrows on which the user can click to see additional contents that had been previously tagged.</p>

			<table class="tut_table_imagewithsubtitle_row2">
				<tr>
					<td>
						<p i18n-key="i.walkFlashcard_1">To start creating a Flashcard click on the 'Add slide' button at the left and then click on the Flashcard icon in the 'Smartcards' panel. After that, an empty Flashcard will be shown in the screen.</p>
					</td>
					<td>
						<img src="/assets/templatesthumbs/flashcard_template.png"/><p i18n-key="i.FlashcardIcon">Flashcard Icon</p>
					</td>
				</tr>
			</table>

			<p class="tut_withmediumbottomspace"><span i18n-key="i.walkFlashcard_2">To select the image background of the Flashcard you should click on the following button</span>:</p>
			<img class="tut_image" src="/assets/icons/flashcard_add_img_button.png"/>

			<p class="tut_withmediumbottomspace" i18n-key="i.walkFlashcard_3">You can change the selected background at any time by clicking on the 'Background' button of the toolbar.</p>
			<button type="button" class="btn btn-primary btn-small">
				<i class="icon-button icon-picture"></i>
			</button>

			<p i18n-key="i.walkFlashcard_4">When you are creating a Flashcard, a new panel is displayed at the bottom of the screen. We will refer to this panel as the 'Flashcard panel'.</p>
			<img src="/assets/tutorial/tut_flashcard1.png"/>
			<p class="tut_space">&nbsp;</p>

			<p i18n-key="i.walkFlashcard_5">To add a new slide to the Flashcard click on the 'Add slide' button placed in the 'Flashcard panel' and continue with the usual process. After add it, the thumbnail of the new slide will appear in the panel and the slide will be displayed in the screen.</p>
			<img src="/assets/tutorial/tut_flashcard2.png"/>
			<p class="tut_space">&nbsp;</p>

			<p i18n-key="i.walkFlashcard_6">When a slide is selected, is displayed in the screen and you can edit and remove it the same way as you do with common slides. To select a slide just click on it in the 'Flashcard panel'. If you want to select the Flashcard again to edit it, you have to click on the Flascard icon placed at the left of the 'Flashcard panel'. </p>

			<table class="tut_table_imagewithsubtitle_row2">
				<tr>
					<td>
						<p i18n-key="i.walkFlashcard_7">The slides have draggable arrows on their top. You can drag any of them to the Flashcard background to create a new 'hot zone'. This way, when users click on an arrow they will see the associated slide. </p>
					</td>
					<td>
						<img src="/assets/tutorial/tut_pois_flashcard.png"/>
					</td>
				</tr>
			</table>

			<p><span i18n-key="i.walkRememberPreview">Remember that you can preview the object you are creating at any time by clicking on the 'Preview' button placed in the toolbar</span> <button type="button" class="btn btn-primary btn-small"><i class="icon-button icon-eye-open"></i></button> .</p>
			<p class="tut_space">&nbsp;</p>
			
		</li>

	</ol>

	<!-- Help in Virtual Tours -->
	<ol id="vt_help" class="joyRideTipContent">
		<li data-id="toolbar_wrapper" data-text="Finish" i18n-key="i.Finish" class="tut_template_editorfull tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.CreatingVirtualTours">Creating Virtual Tours</h2>
			<p i18n-key="i.vtDef" class="tut_withoutbottomspace">Virtual Tours are similar to Flashcards, but instead of being presented as static background images, they are presented as interactive maps where the 'hot zones' are places identified by map pins. This way, when users click on a map pin (a tagged location), they will see additional contents.</p>

			<table class="tut_table_imagewithsubtitle_row2">
				<tr>
					<td>
						<p i18n-key="i.walkVirtualTour_1">To start creating a Virtual Tour click on the 'Add slide' button at the left and then click on the Virtual Tour icon in the 'Smartcards' panel. After that, an empty Virtual Tour will be shown in the screen.</p>
					</td>
					<td>
						<img src="/assets/templatesthumbs/tVTour.png"/><p i18n-key="i.VirtualTourIcon">Virtual Tour Icon</p>
					</td>
				</tr>
			</table>

			<p><span i18n-key="i.walkVirtualTour_2a">When you are creating a Virtual Tour, an interactive map is displayed with a search box on its top. You can use this box to look for places and locations. Type the location you want to search, for example</span> <i>Madrid</i>. <span i18n-key="i.walkVirtualTour_2b">A list of results will be shown at the bottom of the search box. You can pick any of them or just press the 'enter' key to automatically select the first one. After this, the map will show the selected location.</span></p>

			<p i18n-key="i.walkVirtualTour_3">When you are creating a Virtual Tour, a new panel is displayed at the bottom of the screen. We will refer to this panel as the 'Virtual Tour panel'.</p>
			<img src="/assets/tutorial/tut_vt1.png"/>
			<p class="tut_space">&nbsp;</p>

			<p i18n-key="i.walkVirtualTour_4">To add a new slide to the Virtual Tour click on the 'Add slide' button placed in the 'Virtual Tour panel' and continue with the usual process. After add it, the thumbnail of the new slide will appear in the panel and the slide will be displayed in the screen.</p>
			<img src="/assets/tutorial/tut_vt2.png"/>
			<p class="tut_space">&nbsp;</p>

			<p i18n-key="i.walkVirtualTour_5">When a slide is selected, is displayed in the screen and you can edit and remove it the same way as you do with common slides. To select a slide just click on it in the 'Virtual Tour panel'. If you want to select the Virtual Tour again to edit it, you have to click on the Virtual Tour icon placed at the left of the 'Virtual Tour panel'.</p>

			<table class="tut_table_imagewithsubtitle_row2">
				<tr>
					<td>
						<p i18n-key="i.walkVirtualTour_6">The slides have draggable arrows on their top. You can drag any of them into the map to create a new location. Once you dragged an arrow into the map, a new map pin will appear in the selected location. This way, when users click on this map pin they will see the associated slide. The map pins are also draggables, so you can drag them across the map. To remove a map pin, just click on it.</p>
					</td>
					<td>
						<img src="/assets/tutorial/tut_pois_vt.png"/>
					</td>
				</tr>
			</table>

			<p><span i18n-key="i.walkRememberPreview">Remember that you can preview the object you are creating at any time by clicking on the 'Preview' button placed in the toolbar</span> <button type="button" class="btn btn-primary btn-small"><i class="icon-button icon-eye-open"></i></button> .</p>

			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help in Enriched Videos -->
	<ol id="evideo_help" class="joyRideTipContent">
		<li data-id="toolbar_wrapper" data-text="Finish" i18n-key="i.Finish" class="tut_template_editorfull tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.CreatingEnrichedVideos">Creating Enriched Videos</h2>
			<p i18n-key="i.EVideoDef" class="tut_withoutbottomspace">Enriched Videos are videos augmented with other resources (e.g. quizzes, slides, images, etc.), which can be selected and customized by the author, and that can be displayed automatically when the video reaches a specific point of time or explicitly when the user select one of them on a side menu.</p>
			<p i18n-key="i.EVideoDef2" class="tut_withoutbottomspace">Enriched Videos are designed with MOOCs (Massive Open Online Courses) in mind, with the aim of integrating questions and quizzes in video lectures as well as additional contents. However, their flexibility allows them to be used in many other educational environments.</p>

			<p class="tut_space">&nbsp;</p>

			<table class="tut_table_imagewithsubtitle_row2">
				<tr>
					<td>
						<p i18n-key="i.walkEVideo_1">To start creating an Enriched Video click on the 'Add slide' button at the left and then click on the Enriched Video icon in the 'Smartcards' panel. After that, an empty Enriched Video will be shown in the screen.</p>
					</td>
					<td>
						<img src="/assets/templatesthumbs/tEVideo.png"/><p i18n-key="i.EVideoIcon">Enriched Video Icon</p>
					</td>
				</tr>
			</table>

			<p class="tut_space">&nbsp;</p>

			<p class="tut_withmediumbottomspace"><span i18n-key="i.walkEVideo_2">First off, you should select the video source of the Enriched Video by clicking on the following button</span>:</p>
			<img class="tut_image" src="/assets/icons/evideo_add_button.png"/>

			<p class="tut_withmediumbottomspace" i18n-key="i.walkEVideo_3">You can change the selected video source at any time by clicking on the 'Video' button of the toolbar.</p>
			<img class="big_toolbar_icon toolbar_web" src="/assets/toolbar/change_evideo.png">

			<p class="tut_withmediumbottomspace"><span i18n-key="i.walkEVideo_4">You can use YouTube and HTML5 videos (mp4, webm and ogg formats). Also, you can upload your own video to ViSH to be converted to HTML5 compliant formats ensuring its full compatibility</span>. <span i18n-key="i.walkVideosMain_Videos" class="tut_tutlink" onClick="VISH.Tour.startTourWithId('video_fancy_tabs_main_help', 'top');">Click here to learn more about videos in ViSH Editor</span>.</p>

			<p i18n-key="i.walkEVideo_5">When you are creating an Enriched Video, two main elements are displayed on the screen: the video player placed at the left side, and the 'Table of Contents' placed at the right side. The video player allows to play the video the same way classic media players do. The 'Table of Contents' allows to add 'Timestamp Links'. A timestamp link allows viewers to jump to a specific point in the video. The timestamp links are represented by lines displayed in the video progress bar and their titles are displayed in the table of contents. To edit or remove a timestamp link you can use the icons placed at its side in the table of contents.</p>

			<p i18n-key="i.walkEVideo_6">You can also create more advanced timestamp links, linking not only to a specific point in time, but also to a slide that contains additional resources. In this case, the slide will be displayed automatically when the video reaches the timestamp or when the user click on the corresponding title in the table of contents. This type of links are represented by balls (instead of simple lines) displayed in the video progress bar. The following steps explain how to create these links.</p>

			<p i18n-key="i.walkEVideo_7">When you are creating an Enriched Video, a new panel is displayed at the bottom of the screen. We will refer to this panel as the 'Enriched Video panel'.</p>
			<img src="/assets/tutorial/tut_ev1.png"/>
			<p class="tut_space">&nbsp;</p>

			<p i18n-key="i.walkEVideo_8">To add a new slide to the Enriched Video click on the 'Add slide' button placed in the 'Enriched Video panel' and continue with the usual process. After add it, the thumbnail of the new slide will appear in the panel and the slide will be displayed in the screen.</p>
			<img src="/assets/tutorial/tut_ev2.png"/>
			<p class="tut_space">&nbsp;</p>

			<p i18n-key="i.walkEVideo_9">When a slide is selected, is displayed in the screen and you can edit and remove it the same way as you do with common slides. To select a slide just click on it in the 'Enriched Video panel'. If you want to select the Enriched Video again to edit it, you have to click on the Enriched Video icon placed at the left of the 'Enriched Video panel'. </p>

			<table class="tut_table_imagewithsubtitle_row2">
				<tr>
					<td>
						<p i18n-key="i.walkEVideo_10">The slides have draggable arrows on their top. You can drag any of them to any area of the Enriched Video to create a new timestamp link associated with its slide. This link will be automatically added to the video and the 'Table of Contents'. The link is represented in the video as a ball with the letter of its associated slide inside. You can slide this ball along the video progress bar to adjust the timestamp. You can also edit the timestamp and the title of the link through the icons placed at its side in the table of contents. If a slide of the Enriched Video is deleted, the associated timestamp link (and the ball) will be also deleted.</p>
					</td>
					<td>
						<img src="/assets/tutorial/tut_pois_evideo.png"/>
					</td>
				</tr>
			</table>

			<p i18n-key="i.walkEVideo_11">You can also add several slides to the same point of time. This is very useful to include large quizzes split in several slides or to combine different type of resources. To do that, just set the same timestamp to all links that are associated with the slides you want to display together. After that, a couple of arrows will be displayed in the table of contents at the side of these links. You can use these arrows to specify the order in which the contents will be displayed when the video reaches that timestamp.</p>
			<p class="tut_space">&nbsp;</p>

			<p><span i18n-key="i.walkRememberPreview">Remember that you can preview the object you are creating at any time by clicking on the 'Preview' button placed in the toolbar</span> <button type="button" class="btn btn-primary btn-small"><i class="icon-button icon-eye-open"></i></button> .</p>
			<p class="tut_space">&nbsp;</p>

			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help inserting images [URL, Upload, ViSH, Flickr, Europeana, LRE] -->
	<ol id="images_fancy_tabs_id_help" class="joyRideTipContent">

		<li data-id="thumbcontent" data-text="Next" i18n-key="i.Next" class="tut_add_resources_fancybox tut_width600_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkImagesMain_1">Adding images</h2>
			<p i18n-key="i.walkImagesMain_2">This screen allows you to add images to the slide. You can select the image to be added from different sources:</p>

			<table>
				<tr>
					<td><p i18n-key="i.Url">Url</p></td>
					<td><p i18n-key="i.walkImagesMain_Url">add an image by pasting a url</p></td>
				</tr>
				<tr>
					<td><p i18n-key="i.Upload">Upload</p></td>
					<td><p i18n-key="i.walkImagesMain_Upload">upload an own image from your computer</p></td>
				</tr>
				<tr>
					<td><p>ViSH</p></td>
					<td><p i18n-key="i.walkImagesMain_ViSH">search images on the ViSH repository</p></td>
				</tr>
				<tr>
					<td><p>Flickr</p></td>
					<td><p i18n-key="i.walkImagesMain_Flickr">search images on Flickr</p></td>
				</tr>
				<tr>
					<td><p>Europeana</p></td>
					<td><p i18n-key="i.walkImagesMain_Europeana">search images on Europeana</p></td>
				</tr>
				<tr>
					<td><p>LRE</p></td>
					<td><p i18n-key="i.walkImagesMain_LRE">search images on the LRE repository</p></td>
				</tr>
			</table>

			<p i18n-key="i.walkImagesUrl1_1">Now you are in the url tab, click on "Next" to continue.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="picture_url" data-text="Next" i18n-key="i.Next" class="tut_width500 tut_with_arrow">
			<h2 i18n-key="i.walkImagesUrl2_1">Adding images by url</h2>
			<p i18n-key="i.walkImagesUrl2_2">If you want to add an image through its url, you should type or paste the url of the image in this input, for example:</p>
			<h6>http://www.example.com/example.jpg</h6>
			<p i18n-key="i.walkImagesUrl2_3">Almost every image format (jpg, png, gif, tiff, bmp, ...) is supported.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="picture_url_previewButton" data-text="Close" i18n-key="i.Close" data-options="tipLocation:bottom" class="tut_preview tut_width500 tut_with_arrow">
			<h2 i18n-key="i.walkImagesUrl3_1">Preview the image before add it</h2>
			<p i18n-key="i.walkImagesUrl3_2">After type or paste the url of the desired image you should click on this "Preview" button. After that, a preview of the image will be shown and a new button "Add Content" will appear. To finish and add the image to the slide, you should click on the "Add Content" button.</p>
		</li>
	</ol>

	<ol id="upload_picture_form_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Next" i18n-key="i.Next" class="tut_add_resources_fancybox tut_width600_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkImagesMain_1">Adding images</h2>
			<p i18n-key="i.walkImagesMain_2">This screen allows you to add images to the slide. You can select the image to be added from different sources:</p>

			<table>
				<tr>
					<td><p i18n-key="i.Url">Url</p></td>
					<td><p i18n-key="i.walkImagesMain_Url">add an image by pasting a url</p></td>
				</tr>
				<tr>
					<td><p i18n-key="i.Upload">Upload</p></td>
					<td><p i18n-key="i.walkImagesMain_Upload">upload an own image from your computer</p></td>
				</tr>
				<tr>
					<td><p>ViSH</p></td>
					<td><p i18n-key="i.walkImagesMain_ViSH">search images on the ViSH repository</p></td>
				</tr>
				<tr>
					<td><p>Flickr</p></td>
					<td><p i18n-key="i.walkImagesMain_Flickr">search images on Flickr</p></td>
				</tr>
				<tr>
					<td><p>Europeana</p></td>
					<td><p i18n-key="i.walkImagesMain_Europeana">search images on Europeana</p></td>
				</tr>
				<tr>
					<td><p>LRE</p></td>
					<td><p i18n-key="i.walkImagesMain_LRE">search images on the LRE repository</p></td>
				</tr>
			</table>

			<p i18n-key="i.walkImagesUpload1_1">Now you are in the upload tab, click on "Next" to continue.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="upload_file_inputbox" data-text="Close" i18n-key="i.Close" data-options="tipLocation:bottom" class="tut_width600 tut_with_arrow">
			<h2 i18n-key="i.walkImagesUpload2_1">Uploading images</h2>
			<p i18n-key="i.walkImagesUpload2_2">Here you can add an own image from your device. To do that, first you should select the desired image using the file picker. Optionally, you can type tags to classify the selected image. After that, you should click on the "upload" button in order to upload the image to the ViSH platform. When the upload has finished, a preview of the image will be shown at the bottom. Finally, to add the image to the slide you should click on the "Add Content" button.</p>
			<p i18n-key="i.walkImagesUrl2_3">Almost every image format (jpg, png, gif, tiff, bmp, ...) is supported.</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<ol id="search_picture_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Next" i18n-key="i.Next" class="tut_add_resources_fancybox tut_width600_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkImagesMain_1">Adding images</h2>
			<p i18n-key="i.walkImagesMain_2">This screen allows you to add images to the slide. You can select the image to be added from different sources:</p>

			<table>
				<tr>
					<td><p i18n-key="i.Url">Url</p></td>
					<td><p i18n-key="i.walkImagesMain_Url">add an image by pasting a url</p></td>
				</tr>
				<tr>
					<td><p i18n-key="i.Upload">Upload</p></td>
					<td><p i18n-key="i.walkImagesMain_Upload">upload an own image from your computer</p></td>
				</tr>
				<tr>
					<td><p>ViSH</p></td>
					<td><p i18n-key="i.walkImagesMain_ViSH">search images on the ViSH repository</p></td>
				</tr>
				<tr>
					<td><p>Flickr</p></td>
					<td><p i18n-key="i.walkImagesMain_Flickr">search images on Flickr</p></td>
				</tr>
				<tr>
					<td><p>Europeana</p></td>
					<td><p i18n-key="i.walkImagesMain_Europeana">search images on Europeana</p></td>
				</tr>
				<tr>
					<td><p>LRE</p></td>
					<td><p i18n-key="i.walkImagesMain_LRE">search images on the LRE repository</p></td>
				</tr>
			</table>

			<p i18n-key="i.walkImagesViSH1_1">Now you are in the ViSH tab, click on "Next" to continue.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="search_picture" data-text="Close" i18n-key="i.Close" class="tut_width500 tut_with_arrow" data-options="tipLocation:bottom">
			<h2 i18n-key="i.walkImagesViSH2_1">Search images on the ViSH repository</h2>
			<p i18n-key="i.walkImagesViSH2_2">This screen allows you to search images on the ViSH repository (http://vishub.org).</p>
			<p>
				<span i18n-key="i.walkSearch1">Write the name you want to search inside the text box, for example</span> <i><span i18n-key="i.nature">nature</span></i>, <span i18n-key="i.walkImagesSearch2">and press the 'enter' key to start the search. When the search has finished, the found images will be shown in this screen. To add any of them to the slide, you should just click on the desired one.</span>
			</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<ol id="search_flickr_fancy_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Next" i18n-key="i.Next" class="tut_add_resources_fancybox tut_width600_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkImagesMain_1">Adding images</h2>
			<p i18n-key="i.walkImagesMain_2">This screen allows you to add images to the slide. You can select the image to be added from different sources:</p>

			<table>
				<tr>
					<td><p i18n-key="i.Url">Url</p></td>
					<td><p i18n-key="i.walkImagesMain_Url">add an image by pasting a url</p></td>
				</tr>
				<tr>
					<td><p i18n-key="i.Upload">Upload</p></td>
					<td><p i18n-key="i.walkImagesMain_Upload">upload an own image from your computer</p></td>
				</tr>
				<tr>
					<td><p>ViSH</p></td>
					<td><p i18n-key="i.walkImagesMain_ViSH">search images on the ViSH repository</p></td>
				</tr>
				<tr>
					<td><p>Flickr</p></td>
					<td><p i18n-key="i.walkImagesMain_Flickr">search images on Flickr</p></td>
				</tr>
				<tr>
					<td><p>Europeana</p></td>
					<td><p i18n-key="i.walkImagesMain_Europeana">search images on Europeana</p></td>
				</tr>
				<tr>
					<td><p>LRE</p></td>
					<td><p i18n-key="i.walkImagesMain_LRE">search images on the LRE repository</p></td>
				</tr>
			</table>

			<p i18n-key="i.walkImagesFlickr1_1">Now you are in the Flickr tab, click on "Next" to continue.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="search_flickr_fancy" data-text="Close" i18n-key="i.Close" class="tut_width500 tut_with_arrow" data-options="tipLocation:bottom">
			<h2 i18n-key="i.walkImagesFlickr2_1">Search images on Flickr</h2>
			<p i18n-key="i.walkImagesFlickr2_2">This screen allows you to search images on Flickr.</p>
			<p>
				<span i18n-key="i.walkSearch1">Write the name you want to search inside the text box, for example</span> <i><span i18n-key="i.nature">nature</span></i>, <span i18n-key="i.walkImagesSearch2">and press the 'enter' key to start the search. When the search has finished, the found images will be shown in this screen. To add any of them to the slide, you should just click on the desired one.</span>
			</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<ol id="search_europeana_fancy_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Next" i18n-key="i.Next" class="tut_add_resources_fancybox tut_width600_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkImagesMain_1">Adding images</h2>
			<p i18n-key="i.walkImagesMain_2">This screen allows you to add images to the slide. You can select the image to be added from different sources:</p>

			<table>
				<tr>
					<td><p i18n-key="i.Url">Url</p></td>
					<td><p i18n-key="i.walkImagesMain_Url">add an image by pasting a url</p></td>
				</tr>
				<tr>
					<td><p i18n-key="i.Upload">Upload</p></td>
					<td><p i18n-key="i.walkImagesMain_Upload">upload an own image from your computer</p></td>
				</tr>
				<tr>
					<td><p>ViSH</p></td>
					<td><p i18n-key="i.walkImagesMain_ViSH">search images on the ViSH repository</p></td>
				</tr>
				<tr>
					<td><p>Flickr</p></td>
					<td><p i18n-key="i.walkImagesMain_Flickr">search images on Flickr</p></td>
				</tr>
				<tr>
					<td><p>Europeana</p></td>
					<td><p i18n-key="i.walkImagesMain_Europeana">search images on Europeana</p></td>
				</tr>
				<tr>
					<td><p>LRE</p></td>
					<td><p i18n-key="i.walkImagesMain_LRE">search images on the LRE repository</p></td>
				</tr>
			</table>

			<p i18n-key="i.walkImagesEuropeana1_1">Now you are in the Europeana tab, click on "Next" to continue.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="search_europeana_fancy" data-text="Close" i18n-key="i.Close" class="tut_width500 tut_with_arrow" data-options="tipLocation:bottom">
			<h2 i18n-key="i.walkImagesEuropeana2_1">Search images on Europeana</h2>
			<p i18n-key="i.walkImagesEuropeana2_2">This screen allows you to search images on Europeana.</p>
			<p>
				<span i18n-key="i.walkSearch1">Write the name you want to search inside the text box, for example</span> <i><span i18n-key="i.nature">nature</span></i>, <span i18n-key="i.walkImagesSearch2">and press the 'enter' key to start the search. When the search has finished, the found images will be shown in this screen. To add any of them to the slide, you should just click on the desired one.</span>
			</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<ol id="search_lre_fancy_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Next" i18n-key="i.Next" class="tut_add_resources_fancybox tut_width600_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkImagesMain_1">Adding images</h2>
			<p i18n-key="i.walkImagesMain_2">This screen allows you to add images to the slide. You can select the image to be added from different sources:</p>

			<table>
				<tr>
					<td><p i18n-key="i.Url">Url</p></td>
					<td><p i18n-key="i.walkImagesMain_Url">add an image by pasting a url</p></td>
				</tr>
				<tr>
					<td><p i18n-key="i.Upload">Upload</p></td>
					<td><p i18n-key="i.walkImagesMain_Upload">upload an own image from your computer</p></td>
				</tr>
				<tr>
					<td><p>ViSH</p></td>
					<td><p i18n-key="i.walkImagesMain_ViSH">search images on the ViSH repository</p></td>
				</tr>
				<tr>
					<td><p>Flickr</p></td>
					<td><p i18n-key="i.walkImagesMain_Flickr">search images on Flickr</p></td>
				</tr>
				<tr>
					<td><p>Europeana</p></td>
					<td><p i18n-key="i.walkImagesMain_Europeana">search images on European</p></td>
				</tr>
				<tr>
					<td><p>LRE</p></td>
					<td><p i18n-key="i.walkImagesMain_LRE">search images on the LRE repository</p></td>
				</tr>
			</table>

			<p i18n-key="i.walkImagesLRE1_1">Now you are in the LRE tab, click on "Next" to continue.</p>
			<p class="tut_space">&nbsp;</p>
		</li>

		<li data-id="search_lre_fancy" data-text="Close" i18n-key="i.Close" class="tut_width500 tut_with_arrow" data-options="tipLocation:bottom">
			<h2 i18n-key="i.walkImagesLRE2_1">Search images on the LRE repository</h2>
			<p i18n-key="i.walkImagesLRE2_2">This screen allows you to search images on the LRE repository.</p>
			<p>
				<span i18n-key="i.walkSearch1">Write the name you want to search inside the text box, for example</span> <i><span i18n-key="i.nature">nature</span></i>, <span i18n-key="i.walkImagesSearch2">and press the 'enter' key to start the search. When the search has finished, the found images will be shown in this screen. To add any of them to the slide, you should just click on the desired one.</span>
			</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>


	<!-- Help inserting objects [URL, Upload, Repository, Snapshot] -->
	<ol id="object_fancy_tabs_main_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_resources_fancybox tut_width700_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkObjectsMain_1">Adding objects</h2>
			<p i18n-key="i.walkObjectsMain_2">This screen allows you to add different types of objects to the slides. You can select an object to be added from different sources:</p>

			<table>
				<tr>
					<td><p>Web</p></td>
					<td><p i18n-key="i.walkObjectsMain_Web">add a web by pasting its url</p></td>
				</tr>
				<tr>
					<td><p>Web Snapshot</p></td>
					<td><p i18n-key="i.walkObjectsMain_WebSnapshot">a "web snapshot" is a fragment of a website. This fragment will appear without scrollbars and allows you to insert a specific area or zone of a website instead of the full page</p></td>
				</tr>
				<tr>
					<td><p>Embed</p></td>
					<td><p i18n-key="i.walkObjectsMain_Embed">add an embedded object. You can type or paste either the HTML code of the object or its url</p></td>
				</tr>
				<tr>
					<td><p i18n-key="i.Upload">Upload</p></td>
					<td><p i18n-key="i.walkObjectsMain_Upload">upload your own PDF or SWF (flash) file from your computer</p></td>
				</tr>
				<tr>
					<td><p>ViSH</p></td>
					<td><p i18n-key="i.walkObjectsMain_ViSH">search objects on the ViSH repository</p></td>
				</tr>
				<tr>
					<td><p>LRE</p></td>
					<td><p i18n-key="i.walkObjectsMain_LRE">search objects on the LRE repository</p></td>
				</tr>
			</table>

			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help inserting videos [URL, ViSH, YouTube] -->
	<ol id="video_fancy_tabs_main_help" class="joyRideTipContent">

		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_resources_fancybox tut_width700_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkVideosMain_1">Adding videos</h2>
			<p i18n-key="i.walkVideosMain_2">The multimedia resources screen allows you to add videos to the slides. You can select a video to be added from different sources:</p>
			<table>
				<tr>
					<td><p i18n-key="i.Url">Url</p></td>
					<td><p i18n-key="i.walkVideosMain_Url">add a video by pasting a url. Only HTML5 and YouTube videos are allowed</p></td>
				</tr>
				<tr>
					<td><p>ViSH</p></td>
					<td><p i18n-key="i.walkVideosMain_ViSH">search HTML5 videos on the ViSH repository</p></td>
				</tr>
				<tr>
					<td><p>YouTube</p></td>
					<td><p i18n-key="i.walkVideosMain_YouTube">search videos on YouTube</p></td>
				</tr>
				<tr>
					<td><p i18n-key="i.Upload">Upload</p></td>
					<td>
						<p>
							<span i18n-key="i.walkVideosMain_Upload" class="tut_tutlink" onClick="VISH.Tour.startTourWithId('video_fancy_tabs_upload_help', 'top');">Click here to learn how to upload videos</span>
						</p>
					</td>
				</tr>
			</table>

			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<ol id="video_fancy_tabs_upload_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_resources_fancybox tut_width700_center tut_without_arrow" data-options="tipLocation:none">
			<h2 i18n-key="i.walkVideosUpload_1">Uploading videos</h2>

			<p>
				<span i18n-key="i.walkVideosUpload_2">You can upload your own video from your computer. To do that, go to</span> <a class="tut_tutlink" href="http://vishub.org" target="_blank">http://vishub.org</a> <span i18n-key="i.walkVideosUpload_3">and upload your video file to the ViSH repository. Several video formats (mp4, flv, mpg, avi, ...) are allowed. When you finish uploading the video onto ViSH, it will be converted to all HTML5 compatible video formats (mp4, webm and ogg). Note that this process could take several minutes or even hours depending on the video size. This is a good way to insert the videos because thereby they will be available in several formats and will work in all HTML5 compliant web browsers. Once the process finish, you have two ways of adding the video</span>:
				<ul>
					<li><span i18n-key="i.walkVideosUpload_4">Search your video on the ViSH repository from the ViSH Editor through the 'ViSH' tab. In this case you will have to wait several hours (maximum) for the ViSH search engine to index the new video.</span></li>
					<li class="tut_li_decnone">&nbsp;</li>
					<li><span i18n-key="i.walkVideosUpload_5">Another way is to go to the page of the video in ViSH (for example, http://vishub.org/videos/3366) and click on the 'embed' tab. After that, you should paste the provided embed code into the input text field of the 'url' tab in the ViSH Editor. This way, the video will be inserted immediately.</span></li>
				</ul>
			</p>
			<p class="tut_space">&nbsp;</p>
			<p>
				<span i18n-key="i.walkVideosUpload_6">Since ViSH Editor allows to embed YouTube videos, you can also upload your videos to YouTube</span>: <a class="tut_tutlink" href="http://www.youtube.com/upload" target="_blank">http://www.youtube.com/upload</a>. <span i18n-key="i.walkVideosUpload_7">Once the video has been successfully uploaded to YouTube, you can insert it by its url, the embed code provided by YouTube, or by searching it from the ViSH Editor through the 'YouTube' tab. YouTube also provide the videos in HTML5 compliant video formats, so they will work in nearly all devices including mobile phones.</span>
			</p>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>

	<!-- Help inserting Quizzes -->
	<ol id="quiz_help" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_quizzes_fancybox tut_add_resources_fancybox tut_width700_center tut_without_arrow" data-options="tipLocation:none">
		<h2 i18n-key="i.walkQuiz_1">Adding Quizzes</h2>
		<p><span i18n-key="i.walkQuiz_2">You can add different type of quizzes to your presentation. The current available quizzes are showed below</span>:</p>
			<table class="tut_table_imagewithsubtitle">
				<tr>
					<td><img src="/assets/templatesthumbs/tquiz2.png"/><p i18n-key="i.walkQuiz_MC1">Multiple choice</p></td>
					<td><p i18n-key="i.walkQuiz_MC2">Multiple choice quizzes are a form of assessment in which respondents are asked to select the best possible answer (or answers) out of the choices from a list.</p></td>
				</tr>
				<tr>
					<td><img src="/assets/templatesthumbs/tquiz3.png"/><p i18n-key="i.walkQuiz_TF1">True / False</p></td>
					<td><p i18n-key="i.walkQuiz_TF2">A true/false quiz is a a form of assessment in which respondents are asked to select, for each statement, if it is true or false.</p></td>
				</tr>
				<tr>
					<td><img src="/assets/templatesthumbs/tquiz5.png"/><p i18n-key="i.walkQuiz_Sorting1">Sorting</p></td>
					<td><p i18n-key="i.walkQuiz_Sorting2">Sorting or sequence quizzes are a form of assessment in which respondents are required to drag and drop items to arrange in sequence. All items must be in the proper sequence for the question to be graded as correct.</p></td>
				</tr>
				<tr>
					<td><img src="/assets/templatesthumbs/tquiz1.png"/><p i18n-key="i.walkQuiz_Open1">Open Ended</p></td>
					<td><p i18n-key="i.walkQuiz_Open2">In a open ended quiz, the student types in a word or phrase in response to a question. Open Ended quizzes can be self&#8209;assessed when the answer is short. In this case these quizzes are called "Short Answer" quizzes. The answer could be a word or a phrase, but it must match the proposed answer exactly.</p></td>
				</tr>
			</table>
			<p i18n-key="i.walkQuiz_3">In addition to the content, you also can define the correct answers of the quiz, allowing this way self&#8209;assessment and the auto tracking of students progress in Learning Management Systems like Moodle.</p>
			<p class="tut_space">&nbsp;</p>
		</li>
	</ol>
		   
	<!-- Help inserting live objects -->
	<ol id="tab_live_resource_id" class="joyRideTipContent">
		<li data-id="thumbcontent" data-text="Close" i18n-key="i.Close" class="tut_add_resources_fancybox tut_width600_center tut_without_arrow" data-options="tipLocation:none">
		<h2 i18n-key="i.walkLive_1">Adding Live Content</h2>
		<p i18n-key="i.walkLive_2">ViSH offers special resources such as live webcams, microscopes or virtual laboratories provided by selected e-Infrastructures.</p>
		<p i18n-key="i.walkLive_3">In this screen you will be able to search this type of resources on the ViSH repository.</p>
		<p><span i18n-key="i.walkLive_4">If you want to discover more e-Infrastructure resources or attend to live scientific events you can visit</span> <a class="tut_tutlink" href="http://vishub.org" target="_blank">http://vishub.org</a>.</p>

		<p class="tut_space">&nbsp;</p>
	</ol>

	<!-- Walkthrough end -->

	<!-- About screen -->
	<ol id="about_screen" class="joyRideTipContent">
		<li data-id="thumbcontent" class="about_fancybox tut_without_arrow" data-options="tipLocation:none">
			<h2>ViSH Editor</h2>
			<p><span class="aboutfield" i18n-key="i.Version">Version</span>: <span id="VEversion"></span></p>
			<p class="tut_withoutbottomspace"><span class="aboutfield" i18n-key="i.License">License</span>: <span>GNU Affero General Public License v3</span></p>
			<p class="tut_withouttopspace"><span i18n-key="i.About2">Code available at</span> <a class="tut_tutlink" href="https://github.com/ging/vish_editor" target="_blank">https://github.com/ging/vish_editor</a>.</p>
			<p><span class="aboutfield" i18n-key="i.Documentation">Documentation</span>: <a i18n-key="i.About3" class="tut_tutlink" href="http://www.youtube.com/channel/UCo-73n6eZBWNBs2gvKLyBhQ?feature=watch" target="_blank">visit our YouTube Channel</a></p>
			<p><span class="aboutfield" i18n-key="i.About4">Developed by</span> <span>UPM (Universidad Politécnica de Madrid)</span></p>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
			<p class="tut_space">&nbsp;</p>
			<h2 i18n-key="i.VESurvey1">Help us to improve ViSH Editor</h2>
			<p class="tut_withoutbottomspace"><span i18n-key="i.VESurvey2">Please fill</span> <a i18n-key-href="i.VESurveyURL" class="tut_tutlink" i18n-key="i.VESurvey3" href="https://docs.google.com/forms/d/1jqgQsQ84sBsETRt0qY-vAz7dWk9hT3ouWH1dN0vGzQA/viewform" target="_blank">this survey</a>.</p>
			<p class="tut_withouttopspace"><span i18n-key="i.VESurvey4">Thank you for your collaboration</span>!</p>
		</li>
	</ol>

	<iframe id="hiddenIframeForAjaxDownloads" style="border:0" iframeborder="0" frameborder="0" iframeelement.frameborder="0;"></iframe>

	<!-- Loading fancybox -->
	<div id='loading_fancy_wrapper' style='display:none'>
		<div id='loading_fancy' class="loading_fancy">
			<img class="loading_fancy_img" src='/assets/lightbox-ico-loading.gif'></img>
		</div>
	</div>

	<!-- Waiting overlay -->
	<div id='waiting_overlay'></div>

	<!-- Copy HTML until here -->
